/*
Name: TAG Administration Section
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: David Perel
Author URI: http://www.from-the-couch.com/
*/


/*-----------------------------------------------------------------------------------------*/
/*- RESET ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px; color: #a60000;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
html{margin: 0px; padding: 0px}
body{margin: 0px; padding: 0px; font-size: 11pt; color: #333; background: #fff; font-family: Arial, Helvetica, sans-serif; width: 100%;}

p{color: #333; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; line-height: 22px;}

h1{margin: 0px 0px 15px; color: #000; text-transform: uppercase; letter-spacing: -1px; font-style: italic; font-size: 20pt;}
h2{margin: 0px 0px 10px; color: #2c4160; font-weight: lighter; font-size: 16pt;}
h3{color: #333; font-size: 10.5pt; margin: 0px; padding: 0px 0px 8px; font-weight: bold;}
h4{color: #000; font-size: 11pt; margin: 0px; padding: 0px 0px 10px; font-weight: bold;}
h5{color: #333; font-size: 8pt; margin: 0px; padding: 0px 0px 10px 0px;}
h6{color: #333; font-size: 7pt; margin: 0px; padding: 0px 0px 10px 0px;}
li{line-height: 20px;}

blockquote{clear: both; text-align: left; padding: 10px 20px; margin: 0px 0px 0px; color: #333; line-height: 22px;}

form{font-family: Arial, Helvetica, sans-serif;}
input[type=radio]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=checkbox]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=image]{margin: 0px 5px 0px 0px; padding: 0px;}


label{display: block; margin-bottom: 5px; clear: both; position: relative; font-weight: bold;}
	.tooltip-container{padding: 6px 10px; background: #cfe6ff; border: 1px solid #7db8f9; line-height: 20px; font-size: 10pt; color: #06458a; font-weight: bold; position: absolute; top: 17px; left: 300px; z-index: 1; float: right; width: 450px;}
	.tooltip-container span{background:  url(/static/outer/images/layout/tooltip.gif) no-repeat; width: 5px; height: 15px; position: absolute; left: -5px; top: 9px; display: block;}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0px;}


/*-----------------------------*/
/*- FORMS ---------------------*/	
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.form-left{width: 320px; float: left; margin-bottom: 20px;}
	.form-input, .form-input-small-left, .form-input-number-field, .form-textarea{padding: 4px; margin: 0px 15px 20px 0px; width: 250px; float: left; margin-right: 15px;}
		select.form-input{width: 260px;}
	.button{clear: both; display: block; padding: 10px 0px 0px;}
	.next-button{float: left; margin: 0px 20px 20px 0px;}
	.prev-button{clear: left; float: left; margin: 0px 20px 20px 0px;}
	
	.form-input-small-left{width: 111px;}
		select.form-input-small-left{width: 120px;}
		a.add-form{width: 16px; height:16px; display: block; float: left; background: url(/static/outer/images/layout/plus.png) top left no-repeat; text-indent: -9999px; margin: 6px 0px 0px; position: relative;}
	
	.form-input-number-field{width: 65px;}
		.number-bracket{float: left; margin: 0px 15px 0px 0px;}
			.number-bracket input{width: 48px; padding: 4px; margin: 0px 3px;}
	.form-quote{float: right; width: 240px; text-align: right;}
		.form-quote h2{margin-top: 20px; text-transform: none; font-style: italic; letter-spacing: 0px; line-height: 25px;}
	
	.radio-item{margin: 5px 0px 20px; width: 120px; float: left;}
	.radio-item-medium{margin: 5px 0px 5px; width: 300px; float: left;}
	.radio-item-long{margin: 5px 0px 20px; width: 450px; float: left;}
	
	.form-textarea{width: 370px; height: 180px;}
	.form-note{color: #4c709c; margin-left: 20px; font-style: italic; font-size: 8pt;}
	
	/*-----------------------------*/
	/*- ADD A CARD ----------------*/	
	h1 a.plus-alone{background: url(/static/outer/images/layout/plus-alone.gif) left no-repeat; padding-left: 30px; display: block; color: #333;}
	.credit-card-notice{font-size: 8pt; font-style: italic; margin-top: 5px;}
	.submit-button-left{clear: left; float: left; margin-right: 98px; padding: 20px 0px 0px;}
	.card-notice{ clear: both; margin: 20px 0px 0px 0px;}
		
		
/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a{color: #5a80b0; text-decoration: none;}
a:hover{color: #000; text-decoration: underline;}
a.link-arrow{padding-right: 12px; margin-right: 5px; background: url(/static/outer/images/layout/link-arrow.gif) right 2px no-repeat;}

/*--- Layouts ---*/
.no_bg{background-image: none;}
.floatleft{float:left;}
.floatright{float:right;}
.clearnone{clear: none;}
.clearboth{clear: both;}
.t-center{text-align: center;}
.notice{color: #900; font-size: 8pt;}
.small-font{font-size: 8pt;}
.underline{text-decoration: underline;}
/*--- Forms ---*/
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{ width: 960px; margin: auto;}
#header-container{width: 960px; height: 130px; margin: -1px auto 0px; background: url(/static/outer/images/layout/header-bg.png) no-repeat; position: relative;}
	#header{padding: 20px;}

#page-container{margin: 30px 0px 0px;}
	#page-container #page{}
		#left-column{width: 600px; float: left; padding: 0px 0px 20px;}
		#right-column{width: 310px; float: right;}
		
#services-container{padding: 30px 0px 0px; background: url(/static/outer/images/layout/services-bg.jpg) top no-repeat;}

#index-container{padding: 30px 0px 0px; background: url(/static/outer/images/layout/home-bg.jpg) top no-repeat;}

#footer-container{clear: both;}
	.footer-header{clear: both; width: 960px; height: 10px; background: url(/static/outer/images/layout/footer-header.gif) no-repeat; overflow: hidden;}
	.footer{padding: 1px 20px; background: #333; border: 1px solid #000; border-top: none; border-bottom: none;}
	.footer-footer{clear: both; width: 960px; padding: 20px 0px 0px; background: url(/static/outer/images/layout/footer-footer.gif) top no-repeat;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.login-form-container{background-color: #666666; border-left: 1px solid #000; border-right: 1px solid #000; padding: 10px;}
	form.login-form{float: right; width: 425px;}
	 	form.login-form input.details{float: left; width: 100px; height: 14px; font-size: 10px; color: #555; padding: 3px; margin-right: 10px;}
	 	form.login-form label.remember{float: left; clear: none; display: inline-block; width: 95px; color: #fff; font-size: 10px; padding: 6px 0px 0px;}
	 	form.login-form input.login-button{float: left;}
		
ul.sign-up-options{list-style: none; margin: 0px; padding: 0px; float: right;}
	ul.sign-up-options li{float: left; margin: 0px 10px; font-size: 12px; color: #ccc;}
		ul.sign-up-options li a{color: #ccc; text-decoration: underline;}
		ul.sign-up-options li a:hover{color: #fff;}

.login{width: 155px; height: 28px; position: absolute; right: 20px; background:url(/static/outer/images/layout/login-bg.png) 0 -10px no-repeat;}
	.login a.sign-up-button{float: left; margin: 9px 0px 0px 23px; text-transform: uppercase; color: #fff; font-size: 8pt;}
	.login a.login-button{float: right; margin: 9px 20px 0px 0px; text-transform: uppercase; color: #fff; font-size: 8pt;}
h1.logo{float: left; width: 362px; height: 92px; position: relative; background: url(/static/outer/images/layout/logo.png) no-repeat; text-indent: -9999px; overflow: hidden;}
	h1.logo a{display: block;  width: 362px; height: 92px;}

ul.menu{float: right; position: relative; top: 58px;}
	ul.menu li.parent-item{float: left; padding: 10px 15px; height: 15px; border-right: 1px solid #9a9a9a; border-left: 1px solid #ededed; position: relative;}
	ul.menu li.parent-item:first-child{border-left: none;}
	ul.menu li.parent-item:last-child{border-right: none;}
	ul.menu li.selected{background: url(/static/outer/images/layout/menu-active.jpg) center bottom no-repeat;}
	
		ul.menu li a.home, ul.menu li a.students, ul.menu li a.professionals, ul.menu li a.colleges, ul.menu li a.employers{display: block; background: url(/static/outer/images/layout/menu.png) no-repeat; overflow: hidden; text-indent: -9999px;}
		
		ul.menu li a.home{			width: 39px;	height: 11px;	background-position: -0px -0px;}
		ul.menu li a.students{		width: 70px;	height: 11px;	background-position: -101px -0px;}
		ul.menu li a.professionals{	width: 110px;	height: 11px;	background-position: -234px -0px;}
		ul.menu li a.colleges{		width: 70px;	height: 11px;	background-position: -406px -0px;}
		ul.menu li a.employers{		width: 79px;	height: 11px;	background-position: -539px -0px;}
		
		/*--- HOVER ---*/
		ul.menu li a.home:hover{			background-position: -0px -13px;}
		ul.menu li a.students:hover{		background-position: -101px -13px;}
		ul.menu li a.professionals:hover{	background-position: -234px -13px;}
		ul.menu li a.colleges:hover{		background-position: -406px -13px;}
		ul.menu li a.employers:hover{		background-position: -539px -13px;}
		
		
		/*--- SELECTED ---*/
		ul.menu li.selected a.home{				background-position: -0px -27px;}
		ul.menu li.selected a.students{			background-position: -101px -27px;}
		ul.menu li.selected a.professionals{	background-position: -234px -27px;}
		ul.menu li.selected a.colleges{			background-position: -406px -27px;}
		ul.menu li.selected a.employers{		background-position: -539px -27px;}

.menu-hover{position: absolute; z-index: 2; width: 198px; top: 30px; left: -0px; display: none;}
	.menu-hover-header{background: url(/static/outer/images/layout/menu-header-bg.png) no-repeat; width: 198px; height: 10px;}
	ul.sub-menu{background: url(/static/outer/images/layout/menu-content-bg.png) repeat-y; width: 198px;}
			ul.sub-menu li{border-bottom: 1px solid #000; border-top: 1px solid #333; padding: 8px 5px 8px 10px; color: #ccc; margin: 0px 5px;}
				ul.sub-menu li a{color: #ccc; font-size: 10pt; display: block;}
				ul.sub-menu li a:hover{color: #fff; text-decoration: none;}
			ul.sub-menu li:first-child{border-top: none;}
			ul.sub-menu li:last-child{border-bottom: none;}
	.menu-hover-footer{background: url(/static/outer/images/layout/menu-footer-bg.png) no-repeat; width: 198px; height: 10px; clear: both;}

/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN AND GENERAL CONTENT ---------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#left-column .header{width: 610px; height: 10px; background: url(/static/outer/images/layout/left-column-container-header.gif) no-repeat;}
#left-column .header-dark{width: 610px; height: 34px; background: url(/static/outer/images/layout/left-column-container-header-dark.gif) no-repeat; border-bottom: 1px solid #ccc; display: block; cursor: pointer;}
#left-column .content-container{width: 608px; padding: 1px 0px; background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	.content{padding: 20px;}
#left-column .div-footer{width: 610px; height: 10px; background: url(/static/outer/images/layout/left-column-container-footer.gif) no-repeat; margin-bottom: 20px;}

blockquote{color: #5a80b0;}
	blockquote .quoted{margin-top: 10px; font-weight: bold; display: block;}
	blockquote .quoted-light{margin-top: 10px; font-weight: lighter; display: block;}	
	blockquote h2{font-weight: bold; font-size: 12pt; color: #5a80b0; margin-bottom: 5px; padding: 0px; text-transform: none; font-style: normal;}
	/*blockquote h2.who-you-know{font-size: 20pt; font-weight: bold;}*/
	
#left-column .header-dark ul{padding: 7px 20px 0px;}
	#left-column .header-dark ul li{float: left; width: 170px; margin-right: 30px; font-weight: bold;}
	#left-column .header-dark ul li.wide-header{width: 205px;}
	#left-column .header-dark ul li.wide-header-right{width: 235px;}
	#left-column .header-dark ul li:last-child{margin-right: 0px;}
	
#left-column ul.content-container li{padding: 10px 20px; border-bottom: 1px solid #ccc;}
	#left-column ul.content-container li span.detail{float: left; width: 170px; margin-right: 30px; font-weight: bold;} 
	#left-column ul.content-container li span.description{float: left; width: 300px;} 
	#left-column ul.content-container li span.tick{background: url(/static/outer/images/layout/big-tick.png) left no-repeat; padding-left: 36px;}
	#left-column ul.content-container li span.logo-image{float: left; width: 300px; text-align: center; padding: 10px 0px;}
	#left-column ul.content-container li span.logo-description{float: left; width: 220px; padding: 10px 0px;}
	
	#left-column ul.content-container li .column-one, #left-column .header-dark ul li.column-one{float: left; display: block; width: 340px; margin: 0; border: 0; padding: 0; margin-right: 30px;}
	#left-column ul.content-container li .column-two, #left-column .header-dark ul li.column-two{float: left; display: block; width: 80px; text-align: center; margin-right: 30px;}
		#left-column .header-dark ul li.column-two{padding: 0px;}
	#left-column ul.content-container li .column-three, #left-column .header-dark ul li.column-three{float: left; display: block; width: 60px; text-align: center;}
		#left-column .header-dark ul li.column-three{padding: 0px;}
		.icon{padding: 4px 0px;}
	
	#left-column ul.content-container li ul{margin: 10px 0px 0px;}
		#left-column ul.content-container li ul li{padding: 0px 0px 0px 25px; border: none;}
		#left-column ul.content-container li.tick{background: url(/static/outer/images/layout/big-tick.png) 20px 10px no-repeat; padding-left: 60px;}

#left-column ul.content-container li.last, #left-column ul.content-container li:last-child{border: none;}

ul.std-list{margin-bottom: 20px;}	
	ul li.plus{background: url(/static/outer/images/layout/plus.png) 0px 3px no-repeat; margin: 0px 0px 00px 20px; padding: 0px 0px 10px 30px;}
	ul li.negative{background: url(/static/outer/images/layout/negative.png) 0px 4px no-repeat; margin: 0px 0px 5px 20px; padding: 0px 0px 5px 30px;}
	ul li.tick-small{background: url(/static/outer/images/layout/tick-small.png) 0px 3px no-repeat; margin: 0px 0px 00px 20px; padding: 0px 0px 10px 30px;}
	span.sub-point-quote{display: block; color: #666; font-size: 10pt; font-style: italic;}
	
ul.social-list li{background: none; padding-left: 20px;}
a.rss-icon, a.twitter-icon, a.linkedin-icon, a.facebook-icon{ background: url(/static/outer/images/layout/social-sprite.gif) no-repeat; height: 20px; display: block; padding: 0px 30px 0px;}
	a.rss-icon{background-position: 0px 0px;} 
	a.twitter-icon{background-position: 0px -50px;} 
	a.linkedin-icon{background-position: 0px -100px;} 
	a.facebook-icon{background-position: 0px -150px;}
	
ol.std-ol{list-style: decimal; margin: 10px 0px 20px 40px; padding: 0px 0px 10px;}
ol.std-ol li{margin: 0px 0px 10px;}

ul.std-ul{list-style: disc; margin: 10px 0px 10px 40px; padding: 0px 0px 0px;}
ul.std-ul li{margin: 0px 0px 10px;}

a.a-header-dark{width: 610px; min-height: 34px; background: url(/static/outer/images/layout/dark-header-bg.gif) no-repeat; border-bottom: 1px solid #ccc; display: block; cursor: pointer; height: auto;}
a.a-header-dark span.title{float: left; color: #000; font-size: 11pt; letter-spacing: 0px; text-transform: none; font-style: inherit; font-weight: bold; position: relative; padding: 0px 0px 5px; margin: 8px 0px 0px 20px; width: 500px;}
	.down-arrow, .up-arrow{float: right; width: 15px; height: 10px; position: relative; top: 14px; right: 20px; background: url(/static/outer/images/layout/up-down-arrow.gif) top no-repeat; display: block; overflow: hidden; text-indent: -9999px;}
	.up-arrow{background-position: 0px -20px;}

#large-column .header{width: 960px; height: 10px; background: url(/static/outer/images/layout/large-container-bg.gif) top no-repeat;}
#large-column .content-container{width: 958px; padding: 1px 0px; background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	.content{padding: 10px 20px;}
#large-column .div-footer{width: 960px; height: 10px; background: url(/static/outer/images/layout/large-container-bg.gif) bottom no-repeat; margin-bottom: 20px;}


		/*--------------------------------------------------*/
		/*- SIGN UP ----------------------------------------*/
		/*--------------------------------------------------*/
		.form-notice{margin-bottom: 10px;}
		.step-list li{float: left; text-align: right; width: 225px; font-weight: bold; color: #999;}
		.step-list li.selected{ color: #333;}
		.step-one, .step-two, .step-three, .step-four, .threestep-one, .threestep-two, .threestep-three
		{clear: both;background: url(/static/outer/images/layout/form-progess-fourstep.gif) no-repeat; overflow: hidden; width: 920px; height: 20px; margin-bottom: 20px;}
			.step-one{ background-position: 0px 0px;}
			.step-two{ background-position: 0px -22px;}
			.step-three{ background-position: 0px -44px;}
			.step-four{ background-position: 0px -66px;}

			.threestep-one{ background-position: 0px -88px;}
			.threestep-two{ background-position: 0px -110px;}
			.threestep-three{ background-position: 0px -132px;}
		
			
.corporation-logos{clear: both; margin: 10px 0px 20px;}

.knowledge-center-div{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0px;}
	a.view-all-content{clear: both; width: 290px; height: 39px; margin: 0px 0px 20px; display: block; background: url(/static/outer/images/layout/view-all-content.png) top no-repeat; overflow: hidden; text-indent: -9999px;}
	a.view-all-content:hover{background-position: 0px -40px;}

            /*-------------------------------------------------------------------------*/
            /*-KNOWLEDGE CENTER POSTS -------------------------------------------------*/
            .post-copy ol, .post-copy ul{list-style: disc; margin: 0px 0px 10px 30px;}
            .post-copy ol li, .post-copy ul li{line-height: 22px; padding-bottom: 10px;}
            .post-copy ol{list-style: decimal;}
            .post-copy strong{font-weight: bold;}
            .post-copy em{font-style: italic;}

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.tabs{list-style: none; margin: 0px; padding: 0px; height: 31px; overflow: hidden; position: relative; top: 1px; left: 10px;}
	ul.tabs li{float: left; height: 31px; padding-left: 15px; margin-right: 10px; background: url(/static/outer/images/layout/right-bar-tabs.gif) bottom left no-repeat;}
	ul.tabs li.selected{background-position: top left;}
	
	ul.tabs li a{height: 25px; padding: 6px 15px 0px 0px; color: #999; font-size: 12px; font-weight: bold; text-decoration: none;
		background: url(/static/outer/images/layout/right-bar-tabs.gif) bottom right no-repeat; display: block;}
	ul.tabs li.selected a{background-position: top right; color: #333;}
	ul.tabs li a:hover{color: #000;}


#right-column .header{width: 310px; height: 10px; background: url(/static/outer/images/layout/right-bar-header.gif) no-repeat; clear: both;}
#right-column .content-container{width: 308px; padding: 10px 0px; background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	#right-column .right-column-content{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;}
#right-column .div-footer{width: 310px; height: 10px; background: url(/static/outer/images/layout/right-bar-footer.gif) no-repeat; margin-bottom: 30px;}

#right-column h3, #right-column p{margin: 10px 20px 0px 20px; clear: both;}
	#right-column p{color: #555; font-size: 10pt;}
#right-column ul.std-list{margin: 0px 0px 10px; font-size: 10pt; color: #555;}
	#right-column ul.std-list li{padding: 5px 20px 5px 40px; background: url(/static/outer/images/layout/right-bar-li-bg.gif) 20px 8px no-repeat; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
	#right-column ul.std-list li.section-selected{font-weight: bold; background-color: #e8e8e8;}
	#right-column ul li:first-child{border-top: none;}
	#right-column ul li:last-child{ margin-bottom: 20px;}
	#right-column ul li.no-border{border: none; margin-bottom: 0px;}

ol.order-list{margin: 0px 0px 10px; font-size: 10pt; color: #555; padding: 0px 20px;}
	ol.order-list li{clear: both; background: url(/static/outer/images/layout/ol/one.gif) 0px 5px no-repeat; padding: 0px 30px 10px;}
		ol.order-list li.one{background: url(/static/outer/images/layout/ol/one.gif) 0px 2px no-repeat;}
		ol.order-list li.two{background: url(/static/outer/images/layout/ol/two.gif) 0px 2px no-repeat;}
		ol.order-list li.three{background: url(/static/outer/images/layout/ol/three.gif) 0px 2px no-repeat;}
		ol.order-list li.four{background: url(/static/outer/images/layout/ol/four.gif) 0px 2px no-repeat;}
		ol.order-list li.five{background: url(/static/outer/images/layout/ol/five.gif) 0px 2px no-repeat;}
		ol.order-list li.six{background: url(/static/outer/images/layout/ol/six.gif) 0px 2px no-repeat;}
		ol.order-list li.seven{background: url(/static/outer/images/layout/ol/seven.gif) 0px 2px no-repeat;}
		ol.order-list li.eight{background: url(/static/outer/images/layout/ol/eight.gif) 0px 2px no-repeat;}
		
#right-column ul.social-list li{background: none; padding-left: 20px;}
a.rss-icon, a.twitter-icon, a.linkedin-icon, a.facebook-icon{ background: url(/static/outer/images/layout/social-sprite.gif) no-repeat; height: 20px; display: block; padding: 0px 30px 0px;}
	a.rss-icon{background-position: 0px 0px;} 
	a.twitter-icon{background-position: 0px -50px;} 
	a.linkedin-icon{background-position: 0px -100px;} 
	a.facebook-icon{background-position: 0px -150px;}
	
.email-form{padding: 0px 20px 20px;}
	#right-column  .email-form .form-input-small-left{width: 160px; float: left; margin-right: 10px;}
	#right-column  .email-form .button-sml{float: left; clear: none; width: 70px;}
	
.refer-graphic{width: 280px; height: 215px; margin: 0px auto 20px; overflow: hidden; text-indent: -9999px; background: url(/static/outer/images/layout/refer-graphic.png) no-repeat;}

.student-pro-diagram{text-align: center; margin: 20px 0px 20px 20px; width: 260px;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h1.home-header, a.home-join-tag{background: url(/static/outer/images/layout/two-paths-option-sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; display: block;}
	h1.home-header{background-position: -8px -290px; width: 439px; height: 50px; clear: both; position: relative; top: 20px; left: 14px;}
	a.home-join-tag{background-position: -11px -357px; width: 318px; height: 14px; clear: both; position: relative; top: 20px; left: 14px;}
		a.home-join-tag:hover{ background-position: -11px -377px;}


	.two-paths{clear: both; width: 960px; height: 115px; margin-top: 180px; background: url(/static/outer/images/layout/two-paths.png) top center no-repeat; overflow: hidden; text-indent: -9999px; z-index: 2;}
		.two-paths-options{width: 960px; margin: 0px 0px 30px; z-index: 1;}
		
			.path-option-container{float: left; width: 460px; height: 224px; margin: 0px 0px 20px; background: url(/static/outer/images/layout/two-paths-option-bg.jpg) no-repeat;}
				.path-two{float: right;}
					.industry-insight, .industry-insight-copy, .one-on-one, .one-on-one-copy, a.option-sign-up, a.option-learn-more{background: url(/static/outer/images/layout/two-paths-option-sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; display: block;}
						.industry-insight				{background-position: 0px -1px; width: 145px; height: 57px; float: left; position: relative; top: 35px; left: 14px;}
						.industry-insight-copy			{background-position: -173px 0px ; width: 251px; height: 65px; float: right; position: relative; top: 33px; right: 18px;}
						.one-on-one						{background-position: -6px -87px; width: 133px; height: 68px; float: left; position: relative; top: 29px; left: 19px;}
						.one-on-one-copy				{background-position: -176px -94px; width: 254px; height: 64px; float: right; position: relative; top: 33px; right: 18px;}
						.action-button					{clear: both; width: 419px; height: 48px; margin: auto; position: relative; top: 72px;}
						a.option-sign-up				{background-position: -2px -171px; width: 209px; height: 48px; float: left;}
						a.option-learn-more				{background-position: -211px -171px; width: 210px; height: 48px; float: right;}
							a.option-sign-up:hover		{background-position: -2px -231px;}
							a.option-learn-more:hover	{background-position: -211px -231px;}

/*-------------------------------------------------------------------------------------------*/
/*- SERIVCES / PRICING ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h1.join-tag{width: 764px; height: 23px; margin: 0px auto 20px; background: url(/static/outer/images/headings/join-tag-today.png) no-repeat; overflow: hidden; text-indent: -9999px;}
h2.no-risk{width: 925px; height: 19px; margin: 0px auto 10px; background: url(/static/outer/images/headings/no-risk.png) no-repeat; overflow: hidden; text-indent: -9999px;}

h3.pricing-industy-insight, h3.pricing-one-on-one, a.experience-free, h2.tags-pros-come-from, .price-sep, .tag-corp-logos, a.learn-more
{background: url(/static/outer/images/pricing-page/sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; display: block;}
	h3.pricing-industy-insight, h3.pricing-one-on-one{width: 220px; height: 98px;}
		h3.pricing-industy-insight{background-position: -10px -126px; margin: 30px auto 20px; }
		h3.pricing-one-on-one{background-position: -10px -10px; margin: 5px auto 20px; }
		
	a.experience-free{clear: both; width: 261px; height: 25px; margin: auto; display: block; background-position: -10px -256px;}
		a.experience-free:hover{background-position: -10px -283px;}
		
	.price-sep{width: 960px; height: 32px; background-position: -0px -377px; margin: 20px auto 10px;} 
	
	h2.tags-pros-come-from{width: 753px; height: 19px; background-position: -10px -331px; margin: auto auto 20px;} 
	
	.tag-corp-logos{width: 950px; height: 50px; background-position: -10px -424px; margin: auto auto 30px;} 
	
	a.learn-more{width: 537px; height: 19px; background-position: -10px -512px; margin: auto auto 20px;}
		a.learn-more:hover{background-position: -10px -535px;}


.options-container{margin: 0px 0px 30px; background: url(/static/outer/images/pricing-page/horizon.jpg) 0px 300px no-repeat;}
	.insight-option-container{float: left; width: 220px;}
		a.insight-sign-up{width: 145px; height: 24px; display: block; margin: auto; position: relative; top: 184px;}
		a.insight-learn-more{width: 145px; height: 24px; display: block; margin: auto; position: relative; top: 188px;}
	.one-option-container{float: right; width: 660px; position: relative;}
	
		a.elite-sign-up{width: 145px; height: 24px; display: block; position: relative; top: 210px; left: 40px;}
		a.elite-learn-more{width: 145px; height: 24px; display: block; position: relative; top: 214px; left: 40px;}
		
		a.executive-sign-up{width: 145px; height: 24px; display: block; margin: auto; position: relative; top: 180px;}
		a.executive-learn-more{width: 145px; height: 24px; display: block; margin: auto; position: relative; top: 183px;}	
		
		a.entry-sign-up{width: 145px; height: 24px; display: block; position: absolute; top: 341px; right: 40px;}
		a.entry-learn-more{width: 145px; height: 24px; display: block; position: absolute; top: 369px; right: 40px;}
	
	.insight-option{width: 220px; height: 301px; margin: 20px auto 00px; background: url(/static/outer/images/pricing-page/insightoption.png) no-repeat; overflow: hidden; text-indent: -9999px;}
	.one-option{width: 660px; height: 326px; margin: 20px auto 00px; background: url(/static/outer/images/pricing-page/one-option.png) no-repeat; overflow: hidden; text-indent: -9999px;}
	
/*-------------------------------------------------------------------------------------------*/
/*- SIGN IN PAGE ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.sign-in-container{margin: auto; width: 610px;}
	a.forgot-password{clear: both; font-size:9pt; display: block; margin: 00px 0px 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.footer ul{float: left; width: 97px; min-height: 210px; padding: 10px 9px; font-size: 9pt; border-right: 1px solid #000; border-left: 1px solid #555;}
	.footer ul li{color: #ccc; padding: 2px 0px; font-weight: lighter;}
	.footer ul li.footer-title{color: #7db8f9; font-weight: bold; text-transform: uppercase; font-size: 9pt;}
		.footer ul li a{display: block; color: #ccc;}
		.footer ul li a:hover{color: #fff;}
.footer ul.first{border-left: none; padding-left: 0px; margin-left: 2px;}
.footer ul.last{border-right: none; padding-right: 0px;}

.footer-callus{background: #333 url(/static/outer/images/layout/footer-callme-sep.gif) top repeat-x; padding: 1px 0px 1px; border: 1px solid #000; border-top: none; border-bottom: none;}
	.footer-callus	h6.call-us{width: 419px; height: 5px; margin: 10px auto 0px; background:url(/static/outer/images/layout/call-us.gif) no-repeat; overflow: hidden; text-indent: -9999px;}
	.footer-footer p{text-align: center; font-size: 8pt; color: #555;}
	

/*-------------------------------------------------------------------------------------------*/
/*- SPRITES ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- H1's ------------------------------------*/
h1.professional-signup, h1.about-us, h1.f-a-q, h1.contact-us, h1.tag-undefined, h1.why-does-tag-exist, h1.cost-benefit, h1.thank-you, h1.confirm-your-email, h1.sign-in, h1.forgot-password,
h1.knowledge-center, h1.campus-consultant, h1.referral-partners, h1.privacy-policy, h1.logos-title, h1.students, h1.who-students, h1.join-start-up, h1.welcome-to-tag, h1.referral-signup,
h1.advantage-tag, h1.student-signup, h1.tag-network, h1.colleges, h1.employers, h1.pro-overview, h1.terms, h1.tags-students, h1.testimonials, h1.one-on-one-program, h1.account-created, h1.tags-professionals,
h1.tag-connect, h1.success-stories, h1.campus-consultant-signup
{clear: both; width: 521px; height: 20px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; background: url(/static/outer/images/headings/h1.gif) no-repeat;}

	h1.professional-signup{background-position: -5px -266px;}
	h1.about-us{background-position: -5px -755px;}
	h1.f-a-q{background-position: -5px -602px;}
	h1.contact-us{background-position: -5px -681px;}
	h1.tag-undefined{background-position: -5px -793px;}
	h1.why-does-tag-exist{background-position: -5px -154px;}
	h1.cost-benefit{background-position: -5px -643px;}
	h1.knowledge-center{background-position: -5px -229px;}
	h1.campus-consultant{background-position: -5px -378px;}
	h1.referral-partners{background-position: -5px -341px;}
	h1.terms{background-position: -5px -905px;}
	h1.privacy-policy{background-position: -5px -490px;}
	h1.logos-title{background-position: -5px -565px;}
	h1.students{background-position: -5px -527px;}
	h1.who-students{background-position: -5px -378px;}
	h1.advantage-tag{background-position: -5px -5px;}
	h1.student-signup{background-position: -5px -116px;}
	h1.tag-network{background-position: -5px -453px;}
	h1.colleges{background-position: -5px -718px;}
	h1.employers{background-position: -5px -79px;}
	h1.pro-overview{background-position: -5px -415px;}
	h1.tags-students{background-position: -5px -941px;}
	h1.testimonials{background-position: -5px -981px;}
	h1.one-on-one-program{background-position: -5px -1021px;}
	h1.join-start-up{background-position: -5px -1061px;}
	h1.thank-you{background-position: -5px -1101px;}
	h1.confirm-your-email{background-position: -5px -1141px;}
	h1.welcome-to-tag{background-position: -5px -1171px;}
	h1.sign-in{background-position: -5px -1211px;}
	h1.account-created{background-position: -5px -1247px;}
	h1.referral-signup{background-position: -5px -303px;}
	h1.forgot-password{background-position: -5px -1287px;}
	h1.tags-professionals{background-position: -5px -1325px;}
	h1.tag-connect{background-position: -5px -1358px;}
	h1.success-stories{background-position: -5px -1393px;}
	h1.campus-consultant-signup{background-position: -5px -1430px;}

/*--- H2's ------------------------------------*/
h2.sign-up, h2.best-investment, h2.things-to-note, h2.refer-someone, h2.all-the-tools, h2.start-immediately, h2.logo-to-download, h2.where-tags-pro-work,
h2.call-to-action, h2.key-diff, h2.rethink-recruitment, h2.compensation, h2.tag-is-not, h2.what-is-tag, h2.how-it-works, h2.contact-tag-now, h2.campus-consultants-receive,
h2.who-what-why, h2.join-our-cause, h2.track-earnings, h2.benefit-institution
{clear: both; width: 560px; height: 16px; margin: 20px 0px 8px; overflow: hidden; text-indent: -9999px; background: url(/static/outer/images/headings/h2.gif) no-repeat;}

	h2.sign-up{background-position: -5px -5px; margin-top: 30px; clear: both;}
	h2.best-investment{background-position: -4px -296px;}
	h2.things-to-note{background-position: -4px -70px;}
	h2.refer-someone{background-position: -4px -134px;}
	h2.all-the-tools{background-position: -4px -168px;}
	h2.start-immediately{background-position: -4px -200px;}
	h2.logo-to-download{background-position: -4px -232px; margin-top: 40px; clear: both;}
	h2.logo-to-download{background-position: -4px -232px; margin-top: 40px; clear: both;}
	h2.where-tags-pro-work{background-position: -4px -264px;}
	h2.call-to-action{background-position: -4px -328px;}
	h2.key-diff{background-position: -4px -392px;}
	h2.rethink-recruitment{background-position: -4px -725px;}
	h2.compensation{background-position: -5px -488px;}
	h2.tag-is-not{background-position: -5px -518px;}
	h2.what-is-tag{background-position: -5px -548px;}
	h2.how-it-works{background-position: -5px -424px;}
	h2.contact-tag-now{background-position: -5px -575px;}
	h2.campus-consultants-receive{background-position: -5px -605px;}
	h2.who-what-why{background-position: -5px -102px;}
	h2.join-our-cause{background-position: -5px -635px;}
	h2.track-earnings{background-position: -5px -665px;}
	h2.benefit-institution{background-position: -5px -695px;}


/*--- H3's ------------------------------------*/
h3.how-it-works, h3.related-pages, h3.questions, h3.tag-relationship-process, h3.life-connecting, h3.receive-email-joy, h3.question-categories,
h3.categories, h3.tags-services, h3.success-stories
{clear: both; width: 220px; height: 12px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; background: url(/static/outer/images/headings/h3.gif) no-repeat;}

	h3.how-it-works{background-position: -5px -4px;}	
	h3.related-pages{background-position: -5px -31px;}
	h3.questions{background-position: -5px -57px;}
	h3.tag-relationship-process{background-position: -5px -84px; width: 226px; margin: 0px auto 20px;}
	h3.life-connecting{background-position: -5px -111px;}
	h3.receive-email-joy{background-position: -5px -137px;}
	h3.question-categories{background-position: -5px -164px;}
	h3.categories{background-position: -4px -190px;}
	h3.tags-services{background-position: -4px -215px;}
	h3.success-stories{background-position: -4px -239px;}
	
	
/*--- Buttons -------*/
a.big-sign-up-button{display: block; width: 280px; height: 40px; margin: 0px auto; background: url(/static/outer/images/layout/big-sign-up.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
	a.big-sign-up-button:hover{ background-position: 0 -40px;}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* ----- MAIN INDEX NEW ------*/

#index-new-container { 
	background: url(images/tag-logo-bg.jpg) top center no-repeat;
	padding-bottom:50px;
	

}
#index-new-container #tag-logo-main {
	padding: 54px 0 0 0;
}
#index-new-container #tag-logo-main a, 
#click-to-play-btn a,
#student-signup a,
#video-container { 
	margin:0 auto;	
}
#tag-logo-main a {
	display:block;
	width:381px;
	height:91px;
	text-indent:-9999px;
	background:transparent url(/static/outer/images/main-logo.png) no-repeat;
}

/* VIDEO BLOCK */
#video-flv {
	margin: 0 auto;
	height:320px;
}
#holder {
	width:500px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#playvideo{
	margin:0 auto;

}
#playvideo {
	display:block;
	width:193px;
	font:24px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
#playvideo img {
	padding-bottom:15px;
}
#playvideo a:hover, a#playvideo:hover{
	text-decoration:none;
 }

#video-container {
	position:relative;
	width:470px;
	height:290px;
	margin-top: -275px;
}

/* /VIDEO BLOCK */


#student-signup a {
	display:block;
	width:305px;
	height:58px;
	background:transparent url(/static/outer/images/student-signup.png) no-repeat;
	text-indent:-9999px;
}
#student-signup a:hover {
	background-position: -306px 0;
}
.add-links {
	margin: 0 auto;
	width:305px;
	text-align:center;
	padding: 10px;
	font-size:12px;
}
.add-links a,
.add-links a:active,
.add-links a:visited {
	font:12px Arial, Helvetica, sans-serif;
	color:#0372b9;
	text-decoration:underline;
}
.add-links a:hover { text-decoration:none;}
.divider {
	border-top: 1px solid #d0d0d0;
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
}

.hidden-block {
	visibility:hidden;
}


#header-new-container{
	width: 960px;
	position: relative;
}