/* 
Project: Apprentice Frameworks
Filename: print.css
Date: July 2010
Last updated: 8 July 2010
*/

/*------ clear standard browser styles ------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*------ general styles ------*/
.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}
.disguise {
	position: absolute;
	left: -10000px;
	}
.hide {
	display: none;
	}
.defaultTextActive { 
	font-style: italic;
	}	
/* http://positioniseverything.net/easyclearing */
.clearfix:after,
#twoPanels:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a:focus,
a:hover,
a:active{
	outline:none;
}

/* Overall body style
**********************************************************************/
body {
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
	font:normal 10pt/12pt Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	background:#fff;
}
a,a:visited {
	color:#000;
}

/* Hide these elements when printed:
**********************************************************************/
#header .allianceLink,
#header .tools,
#header form,
#nav,
#subNav,
#mainContent .searchForm {
	display:none;
}

/* Header
**********************************************************************/
#header {
	padding:0 0 2mm 0;
	margin:0 0 1cm 0;
	border-bottom:1pt solid #000;
}
#header #logo {
	font:bold 14pt Verdana,Arial,Helvetica,sans-serif;
	text-transform:capitalize;
}
#header #logo a,
#header #logo a:visited {
	text-decoration:none;
	color:#000;
}	

/* Breadcrumb
**********************************************************************/
#breadCrumb{
	padding:2mm 0;
	display:none;
}
#breadCrumb p{
float: left;
}


/* Main Content
**********************************************************************/
#mainContent {
	width:100% !important;
}

#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6 {
	margin:5mm 0 2mm;
}

#mainContent .pageTitle {
	font-size:24pt;
	line-height:normal;
	float:none;
	clear:left;
	margin:5mm 0;
}

#mainContent .pageTitle br {
	display:none;
}
#mainContent .mainTitle{
	font-size: 2.4em;
	line-height:normal;	
}

#mainContent h2{
	font-size: 1.9em;
	line-height:normal;		
}		
	
#mainContent h3{
	font-size: 1.5em;
	line-height:normal;		
}		
#mainContent h4{
	font-size: 1.2em;
	font-weight: bold;
	line-height:normal;		
}
#mainContent h5{
	font-size: 1.5em;
	line-height:normal;		
}
#mainContent p.subTitle{
	font-size: 1.5em;
	line-height:normal;		
}		
#mainContent ul,
#mainContent ol{
	margin:4mm 0;
}	
#mainContent ul li{
	list-style: disc;
	padding: 0 0 2mm 0;
	margin: 0 0 0 8mm;	
}
#mainContent ol li{
	list-style: decimal;
	padding: 0 0 2mm 0;
	margin: 0 0 0 8mm;	
}
#mainContent .imageRight{
	float: right;
	margin: 0 0 15px 30px;
	padding: 11px 0 0 0;
}
	
#mainContent .imageLeft{
	float: left;
	margin: 0 30px 15px 0;
	padding: 11px 0 0 0;
}	
#mainContent .imageRight img,
#mainContent .imageLeft img{
	display: block;
	padding: 0 0 11px 0;
}	
#col1 .imageRight{
	float: right;
	margin: 0 0 15px 30px;
	padding: 7px 0 0 0;
}
#col1 .imageLeft{
	float: left;
	margin: 0 30px 15px 0;
	padding: 7px 0 0 0;
}	
#col1 .imageRight img,
#col1 .imageLeft img{
	display: block;
	padding: 0 0 7px 0;
}		
#mainContent .document{
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	}
#mainContent .document img{
	float: left;
	padding: 0 10px 0 0;
}
#mainContent .document em{
	font-style: normal;
	font-size: 0.9em;
}
.greyForm .moreLink{
	display: none;
}
	
/* Search Results
**********************************************************************/	
#mainContent .result{
	clear:both;
	margin:5mm 0;
}
#mainContent .result h3{
	padding:0;
	margin:0;
	}
#mainContent .result h3 a{
	text-decoration: none;
}
#mainContent .searchResults {
	display:none;
}

/*------ alpha ------*/		


#mainContent .alpha {
	float: left;
	color: #b8b8b8;
	margin:0 0 10px 0;
	padding: 0 0 0 0;
	background: #EEEEEE url(img/searchResults-bg.gif) no-repeat 100% 0;
	}
	

	
#mainContent .alpha p{
	float: left;
	padding: 0 8px;
	height: 23px;
	line-height: 20px;
	color: #c1caca;
	font-size: 1.5em;
	background: url(img/searchResults-left-bg.gif) no-repeat 0 0;
	}	
	
	
#mainContent .alpha p a{
	text-decoration: none;
	color: #3c5b61;
	}
	
#mainContent .alpha p a:hover{
	background: #F4C38D;
	color: #000;
	}	
	

#mainContent .padded{
	padding: 15px 0 10px 0;
	}
	



	
/*------ question ------*/	
	
#mainContent .question{
	float: left;
	width: 440px;
	padding: 10px 0 10px 0;
	}
	

#mainContent .firstQuestion{
	margin: 15px 0 0 0;
	border-top: 1px solid #B7B7B7;
	}
	
	

/*------ framework ------*/	
	
#mainContent .framework{
	float: left;
	width: 100%;
	padding: 15px 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #B7B7B7;
	}
	

/* Two panels floated
**********************************************************************/	
#twoPanels{
	clear:both;
	padding:6mm 0;
	height:1%;
}
#twoPanels .panel{
	float: left;
	width: 48%;
}	
#twoPanels .second{
	float: right;
	margin:0 0 0 2%;	
}		
#twoPanels .title{
	font-size: 1.2em;
	font-weight:bold;
	margin:0 0 2mm 0;
}
#twoPanels .panel .text{
	float: left;
}
#twoPanels .text img{
	float: right;
	padding: 0 0 0 10px;
}	
#twoPanels .title a{
	text-decoration: none;
}

/* Column 1
**********************************************************************/	
#col1{
	width:100%;
}
.fullWidth #col1{
	width: 100%;
}	


/*------ .fullWidth #col1 form------*/	
	
.fullWidth #col1 form{
	float: left;
	width: 661px;
	}	
	

.fullWidth #col1 form p.checkbox{
	float: left;
	width: 631px;
	padding: 5px 0 10px 0;
	}	
	
.fullWidth #col1 form p.checkbox span{
	float: left;
	font-weight: bold;
	padding: 0 20px 0 0;
	}
	
	
.fullWidth #col1 form p.checkbox span label{
	padding: 0 0 0 10px;
	}	


.fullWidth #col1 form p.industries{
	float: left;
	width: 661px;	
	padding: 0 0 15px 0;
	}
	
.fullWidth #col1 form p.industries span{
	float: left;
	width: 320px;	
	margin: 0 0 15px 0;
	}	
	
.fullWidth #col1 form p.industries span label{
	padding: 0 0 0 10px;
	}
	
	
/*------ .fullWidth #col1 .greyForm------*/	
	
#col1 .greyForm{
	float: left;
	width: 661px;
	background: #F1F1F1 url(img/greyForm-bottom-bg.gif) no-repeat 0 100%;
	margin: 10px 0 10px 0;
	}		


#col1 .greyForm form{
	float: left;
	width: 631px;
	padding: 0 15px 10px 15px;	
	background: url(img/greyForm-top-bg.gif) no-repeat 0 0;
	}
	
	
#col1 .greyFormSmall{
	float: left;
	width: 440px;
	background: #F1F1F1 url(img/greyFormSmall-bottom-bg.gif) no-repeat 0 100%;
	margin: 20px 0 10px 0;
	}		


#col1 .greyFormSmall form{
	float: left;
	width: 410px;
	padding: 5px 15px 10px 15px;	
	background: url(img/greyFormSmall-top-bg.gif) no-repeat 0 0;
	}	
	

#col1 .greyFormSmall h3{	
	color: #3c5b61;
	}
	

#mainContent .orange{	
	color: #e67900;
	}
	
	
#col1 .greyFormSmall form .field{
	padding: 0 0 10px 0;
	}

#col1 .greyFormSmall form .field input{
	width: 398px;
	padding: 5px;
	border: 1px solid #FFF;
	}
	
	
#col1 .greyFormSmall form .field textarea{
	width: 398px;
	height: 90px;
	padding: 5px;
	margin: 0 0 10px 0;
	border: 1px solid #FFF;
	}	
	
	
.greyFormSmaller{
	float: left;
	width: 397px;
	background: #F1F1F1 url(img/greyFormSmaller-bottom-bg.gif) no-repeat 0 100%;
	margin: 10px 0 20px 0;
	}		


.greyFormSmaller form{
	float: left;
	width: 367px;
	padding: 5px 15px 10px 15px;	
	background: url(img/greyFormSmaller-top-bg.gif) no-repeat 0 0;
	}	
	
	
.greyFormSmaller form .field{
	padding: 0 0 15px 0 !important;
	}

.greyFormSmaller form .field input{
	width: 355px;
	padding: 5px;
	border: 1px solid #FFF;
	}	
	
.greyFormSmaller input.searchFrameworks{
	border: none;
	padding: 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;	
	background: #46ADA8 url(img/greyForm-button-bg.jpg) repeat-x 0 0;
}


* html .greyFormSmaller input.searchFrameworks{
	padding: 4px 0px;
	}

.greyFormSmaller input.searchFrameworks:hover{
	background: #E07C0A url(img/greyForm-button-bg.jpg) repeat-x 0 -50px;
	}



.right .greyFormSmaller input.searchFrameworks{
	border: none;
	padding: 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;	
	background: #46ADA8 url(img/orange-button-bg.jpg) repeat-x 0 0;
}

* html .right .greyFormSmaller input.searchFrameworks{
	padding: 4px 0px;
	}
	

#col1 input.searchFrameworks{
	border: none;
	padding: 4px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	background: #46ADA8 url(img/greyForm-button-bg.jpg) repeat-x 0 0;
}


* html #col1 input.searchFrameworks{
	padding: 4px 0px;
	}
	
#col1 input.searchFrameworks:hover{
	background: #E07C0A url(img/greyForm-button-bg.jpg) repeat-x 0 -50px !important;
	}	
	
#mainContent input.greenButton{
	border: none;
	padding: 4px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	background: #46ADA8 url(img/greyForm-button-bg.jpg) repeat-x 0 0;
}

#mainContent input.greenButton:hover{
	background: #E07C0A url(img/greyForm-button-bg.jpg) repeat-x 0 -50px !important;
	}

* html #mainContent input.greenButton{
	padding: 4px 0px;
	}	
	
	
#mainContent input.orangeButton{
	border: none;
	padding: 4px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #E07C0A url(img/greyForm-button-bg.jpg) repeat-x 0 -50px;	
}


#mainContent input.orangeButton:hover{
	background: #46ADA8 url(img/greyForm-button-bg.jpg) repeat-x 0 0;
	}


* html #mainContent input.orangeButton{
	padding: 4px 0px;
	}	
	
	
#col1 .greyFormSmall input.searchFrameworks{
	width: 280px;
	}


#col1 p.searchFrameworks{
	padding: 0 0 30px 0;
}


#col1 p.searchFrameworks a{
	border: none;
	padding: 5px 10px;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background: #46ADA8 url(img/greyForm-button-bg.jpg) repeat-x 0 0;
}


#col1 p.searchFrameworks a:hover{
	background: #E07C0A url(img/greyForm-button-bg.jpg) repeat-x 0 -50px;	
	}

* html #col1 p.searchFrameworks a{
	padding: 4px 0px;
	}
	
	


#col1 .searchText{
	background: #FFFFFF;
	padding: 5px 10px;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	border: none;
	width: 320px;
	}
	

* html #col1 .searchText{
	width: 280px;
	}
	
	
#col1 .searchText2{
	background: #FFFFFF;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	font-size: 1.1em;
	border: none;
	width: 220px;
	}	
	

* html #col1 .searchText2{
	width: 180px;
	}	

	
#col1 .greyForm select{
	margin: 0 10px 0 5px;
	font-size: 1.1em;
	padding: 2px 0;
	}
	
	
#mainContent .table{
	float: left;
	width: 661px;
	font-size: 1.2em;
	margin: 0 0 30px 0;
	border-top: 6px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
	}
	
	
#mainContent .tabContent{
	position: relative;
	float: left;
	width: 931px;
	}
	

#mainContent .tabContent .table{
	float: left;
	width: 931px;
	}
	
#mainContent .tabContent .tabTitle{
	float: left;
	width: 903px;
	background: #E6E6E6;
	padding: 14px;
	margin: 0 0 20px 0;
	}
	

#mainContent .tabContent h3{
	padding-left: 10px;
	}
	
	
#mainContent .table th{
	font-weight: bold;
	padding: 10px 0 10px 14px;
	}
	
	
#mainContent .table td{	
	padding: 10px 0 10px 14px;
	}
	
	
#mainContent .table tr.alt{
	background: #EEEEEE;
	}
	
	
#mainContent .table .title{
	width: 216px;
	}
	
	
#mainContent .table .frameworkTitle	{
	width: 655px;
	}
	

#mainContent .table .industry{
	width: 250px;
	}
	
#mainContent .table .level,
#mainContent .table .id{
	width: 100px;
	text-align: center;
	}	


#tabs{
	float: left;
	width: 100%;	
	margin: 0 0 0 0 !important;
	padding: 20px 0 0 0 !important;
	}
	

#tabs li{
	float: left;
	list-style: none !important;
	margin: 0 3px 0 0!important;
	padding: 0 !important;
	font-size: 1.2em;
	}	
	
#tabs li a{
	float: left;
	text-decoration: none;
	margin: 0 !important;
	text-align: center;
	color: #2C7673 !important;
	background: #46ADA8 url(img/tabs-bg.jpg) no-repeat 100% 0;
	}	
	
	
#tabs li a span{	
	float: left;
	padding: 6px 14px;
	background: url(img/tabs-left-bg.jpg) no-repeat 0 0;
	}
	

#tabs li.here a,
#tabs li.here a:hover{
	color: #FFF !important;
	background: #E6E6E6 url(img/tabs-bg.jpg) no-repeat 100% -100px !important;
	}	
	
	
#tabs li a:hover{
	color: #FFF !important;
	background: #E67900 url(img/tabs-bg.jpg) no-repeat 100% -200px;
	}		


#tabs li a:hover span{
	background: url(img/tabs-left-bg.jpg) no-repeat 0 -200px;
	}
	

#tabs li.here a span{
	background: url(img/tabs-left-bg.jpg) no-repeat 0 -100px !important;
	}	
	
	
/*------ #mainContent .login ------*/	

#mainContent .login{
	position: absolute;
	top: 23px;
	right: 0;
	}
	
	
#mainContent .tabContent .login{
	top: 10px;
	right: 14px;	
	}	

	
#mainContent .login a{	
	float: left;	
	color: #2C7673 !important;
	text-decoration: none;
	background: url(img/edit-profile-right-bg.gif) no-repeat 100% 0;
	}
	
#mainContent .tabContent .login a{
	background: url(img/develop-right-bg.gif) no-repeat 100% 0;
	}
	
#mainContent .login a:hover{
	text-decoration: underline;
	}
	
	
#mainContent .login a span{	
	float: left;
	padding: 0 10px;
	height: 32px;
	line-height: 28px;		
	background: url(img/edit-profile-left-bg.gif) no-repeat 0 0;
	}	
	
	
#mainContent .tabContent .login a span{		
	background: url(img/develop-left-bg.gif) no-repeat 0 0;
	}	
	
	
/*------ #mainContent .currently ------*/

#mainContent .currently{
	float: left;
	width: 981px;
	margin-left: -24px;
	padding: 0 0 14px 0px;
	background: #e6e6e6;
	}


* html #mainContent .currently{
	width: 994px;
	padding: 0 0 14px 10px;	
	}

#mainContent .currently p.status{
	float: left;
	margin: 15px 15px 0px 10px;
	padding: 5px 20px;
	background: #FFF5D2;
	color: #603913 !important;	
}


#mainContent .currently ul,
#mainContent .currently li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
	list-style: none;
	}
	

	
#mainContent .currently li a{	
	float: left;	
	color: #2C7673 !important;
	text-decoration: none;
	margin: 14px 0 0 0;
	background: url(img/develop-right-bg.gif) no-repeat 100% 0;
	}
	
#mainContent .currently li a:hover{
	text-decoration: underline;
	}
	
	
#mainContent .currently li  a span{	
	float: left;
	padding: 0 10px;
	height: 32px;
	line-height: 28px;			
	background: url(img/develop-left-bg.gif) no-repeat 0 0;
	}	
	

#mainContent .back{
	position: absolute;
	top: 30px;
	right: 0;
	width: 370px;
	text-align: right;
	font-size: 1.6em;
	}
	
	
#mainContent .back a{	
	color: #3c5b61 !important;
	text-decoration: none;
	}


#mainContent .back a:hover{	
	text-decoration: underline;
	}


#mainContent .radio{
	padding: 0 0 20px 0;
	}
	

#mainContent .radio label{
	padding-right: 15px;
	}
	
	
#mainContent .notes{
	position: absolute;
	top: 30px;
	left: 300px;
	text-align: center;
	}
	
	
#mainContent .notes a{	
	float: left;
	color: #603913;
	text-decoration: none;
	width: 180px;	
	background: #FEF8C3 url(img/notes-bg.jpg) no-repeat 0 100%;
	}
	
#mainContent .notes a:hover{
	color: #fff;
	background: #EA8F2A url(img/notes-bg.jpg) no-repeat -180px 100%;
	}
	

#mainContent .notes a span{	
	float: left;
	width: 180px;	
	padding: 5px 0;
	background: url(img/notes-top-bg.gif) no-repeat 0 0;
	}	
	
	
#mainContent .notes a:hover span{	
	background: url(img/notes-top-bg.gif) no-repeat -180px 0;
	}
	
	
	
/*------ .message ------*/	


#mainContent .message{
	float: left;
	width: 470px;
	margin: 25px 0;	
	background: #FEF8C5 url(img/message-bg.jpg) no-repeat 0 100%;
	}
	
	
#mainContent .message .warning{
	float: left;
	width: 470px;	
	padding: 15px 0 10px 0;
	font-weight: bold;
	color: #603913;
	text-align: center;
	background: url(img/message-top-bg.jpg) no-repeat 0 0;
	}	
	

#mainContent .message .options{
	float: left;
	padding: 0 0 15px 180px;
	text-align: center;
	}
	

	
#mainContent .message .options a{	
	float: left;	
	margin: 0 8px;
	text-decoration: none;	
	background: url(img/message-right-button.gif) no-repeat 100% 0;
	}
	
#mainContent .message .options a:hover{
	text-decoration: underline;
	}
	
	
#mainContent .message .options a span{	
	float: left;
	padding: 0 14px;
	height: 32px;
	line-height: 28px;		
	background: url(img/message-left-button.gif) no-repeat 0 0;
	}	
	
	
/* Column 2
**********************************************************************/
#col2{
	display:none;
}	
	


/* Invitation
**********************************************************************/
	
#content .wide{
	float: left;
	width: 877px;	
	padding: 25px 0 20px 52px;
	}
	
	
#invitation{
	float: left;
	width: 877px;	
	margin: 40px 0 0 0;
	padding: 0 0 20px 0;
	background: url(img/invitation-bg.gif) repeat-y 0 0;
	}
	

.fullWidth #invitation{
	background: url(img/invitation-bg.gif) repeat-y 0 0;
	}
	
	
#invitation .col{
	float: left;
	width: 397px;
	}
	
	
#invitation .right{
	float: right;	
	}
	
	
	
/*------ #siteMap ------*/


#siteMap{
	font-size: 1em !important;
	color: #3c5b61;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	font-weight: bold;
	font-size: 1.4em !important;
	}
	

#siteMap ul{	
	font-size: 0.9em !important;
	color: #3c5b61;
	margin: 0 !important;
	padding: 0 0 0 0 !important;
	list-style: none !important;	
	}
	
#siteMap ul ul{	
	font-size: 1em !important;
	font-weight: normal;
	padding: 0 0 0 20px !important;	
	}
	
	
#siteMap ul ul a{
	font-weight: normal;
	color: #333333 !important;
	}	
	
	
#siteMap li{	
float: left;
width: 100%;
	margin: 0 !important;
	padding: 0 0 0 0 !important;
	list-style: none !important;	
	}	
	

#siteMap a{
	display: block;
	text-decoration: none;
	color: #3c5b61 !important;
	padding: 0 0 8px 0 !important;	
	}
	
	
#siteMap a:hover{
	text-decoration: underline !important;	
	}
	

/*------ #features ------*/

#features{
	float: right;
	width: 489px;
	position: relative;
	padding: 12px 25px 0 0;
	margin: 7px 0 0 0;
	background: url(img/features-top-bg.jpg) no-repeat 0 0;
	}
	
	
#features .feature{	
	float: left;
	width: 489px;
	height: 238px;
	position: relative;
	}
	

#features .feature img{
	clear: both;
	}
	
	
#features .feature p{
	position: absolute;
	float: left;
	width: 449px;
	padding: 15px 25px;
	bottom: 0;
	left: 0;
	font-size: 1.2em;
	background: #FFF;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
	
#features .feature p span{	
	color: #000;
	}

#features p a{
	color: #333;
	}	
	
#features p a:hover{
	text-decoration: none;
	}		
	
	
#features ul{	
	float: left;
	width: 489px;
	border-top: 1px solid #FFF;
	}
	

#features ul li{
	float: left;
	width: 163px;
	font-size: 1.2em;
	text-align: center;
	}
	
	
#features ul li a{
	float: left;
	width: 123px;
	color: #754c24;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 20px 25px 20px;	
	}
	
	

	
	
#features ul li.feature1 a{
	background: url(img/features-buttons-bg.jpg) no-repeat -489px 100%;
	}
	
#features ul li.feature1 a:hover{
	color: #FFF;
	background: url(img/features-buttons-bg.jpg) no-repeat -978px 100% !important;
	}	
	
#features ul li.feature1 a.here{
	color: #FFF;
	background: url(img/features-buttons-bg.jpg) no-repeat 0px 100%;
	}	
	
	
#features ul li.feature2 a{
	background: url(img/features-buttons-bg.jpg) no-repeat -652px 100%;
	}
	
#features ul li.feature2 a:hover{
	color: #FFF;
	background: url(img/features-buttons-bg.jpg) no-repeat -1141px 100% !important;
	}	
	
#features ul li.feature2 a.here{
	color: #FFF;
	background: url(img/features-buttons-bg.jpg) no-repeat -163px 100%;
	}		
	
	
#features ul li.feature3 a{
	background: url(img/features-buttons-bg.jpg) no-repeat -815px 100%;
	}
	

#features ul li.feature3 a.here{
	color: #FFF;
	background: url(img/features-buttons-bg.jpg) no-repeat -326px 100%;
	}		
	

#features ul li.feature3 a:hover{
	color: #FFF;
	background: url(img/features-buttons-bg.jpg) no-repeat -1304px 100% !important;
	}		
	



/*------ promoPanel ------*/


#promoPanel {
	float: left;
	width: 100%;
	text-align: center;
	background: #EEE url(img/promoPanel-bg.jpg) repeat-x 0 100%;
	border-top: 1px solid #FFF;
}


#promoPanel .gutter{
	margin: 0 auto 0px auto;
	padding: 0 0 0 0;
	width: 980px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;	
	text-align: left;
	background: url(img/promoPanel-inner-bg.jpg) no-repeat 0 100%;
}	


#promoPanel .panel{
	float: left;
	width: 326px;
	padding: 0 0 10px 0;
	border-right: 1px solid #FFF;
	}
	
#promoPanel .last{	
	border-right: none;
	}


#promoPanel .panel .title{
	float: left;
	width: 326px;
	height: 65px;
	text-indent: -9999px;
	}
	
	
#promoPanel .first .title{
	 background: url(img/panel1-bg.jpg) no-repeat 0 0;
	 }
	 
#promoPanel .second .title{
	 background: url(img/panel2-bg.jpg) no-repeat 0 0;
	 } 
	 
#promoPanel .third .title{
	 background: url(img/panel3-bg.jpg) no-repeat 0 0;
	 }  


#promoPanel .panel .text{
	float: left;
	width: 281px;
	padding: 0 20px 0 25px;
	}


#promoPanel .second img{
	float: right;
	padding: 0 0 0 10px;
	}
	
	
#promoPanel .third img{
	float: left;
	padding: 0 10px 0 0;
	}
	
	
#promoPanel .panel p{
	font-size: 1.2em;
	padding: 0 0 12px 0;
	}
	
	
#promoPanel .panel ul{
	font-size: 1.2em;
	}	
	
#promoPanel .panel ul li{
	padding: 0 0 10px 0;
	}
	

#promoPanel .panel a{
	color: #4391B1;
	text-decoration: none;
	padding: 0 0 0 11px;
	background: url(img/arrow-blue.gif) no-repeat 0 5px;
	}
	

#promoPanel .panel a:hover{
	text-decoration: underline;
	}
	
	
	
	
/*******************************************************************
Matt Hill, 3/6/2010
Temporarily removed all "frameworksummary" rules to a new CSS file:
U17-frameworksummary.css
*******************************************************************/


#saves{
	float: left;
	width: 982px;
	background: #E5E5E5;
	border-top: 1px solid #CECECE;
	}
	
	
#saves li{
	float: left;
	padding: 10px;
	}
	
	
#saves li.select{	
	padding-left: 110px;
	}
	
#saves li.back a{
	float: left;
	width: 195px;
	font-size: 1.2em;
	color: #53777a;
	text-decoration: none;
	cursor: pointer;	
	background: url(img/saves-back-bg.jpg) no-repeat 0 100%;
	}
	

#saves li.back a:hover{	
	background: url(img/saves-back-bg.jpg) no-repeat -195px 100%;
	}
	
	
#saves li.back a span{
	float: left;
	width: 150px;
	padding: 7px 10px 12px 35px;
	background: url(img/saves-top-bg.gif) no-repeat 0 0;
	}	


#saves li.back a:hover span{
	background: url(img/saves-top-bg.gif) no-repeat -195px 0;
	}	
	
	
	
#saves li.select a{
	float: left;
	width: 195px;
	font-size: 1.2em;
	color: #53777a;
	text-decoration: none;
	cursor: pointer;	
	background: url(img/saves-select-bg.jpg) no-repeat 0 100%;
	}
	

#saves li.select a:hover{	
	background: url(img/saves-select-bg.jpg) no-repeat -195px 100%;
	}
	
	
#saves li.select a span{
	float: left;
	width: 175px;
	text-align: center;
	padding: 7px 10px 12px 10px;
	background: url(img/saves-top-bg.gif) no-repeat 0 0;
	}	


#saves li.select a:hover span{
	background: url(img/saves-top-bg.gif) no-repeat -195px 0;
	}	



#saves li.proceed{
	float: right;
	}
	
	
#saves li.proceed a{
	float: left;
	width: 352px;
	font-size: 1.2em;
	color: #fff;
	text-align: right;
	text-decoration: none;
	cursor: pointer;
	background: url(img/saves-proceed-bg.jpg) no-repeat 0 100%;
	}
	

#saves li.proceed a:hover{	
	background: url(img/saves-proceed-bg.jpg) no-repeat -352px 100%;
	}
	
	
#saves li.proceed a span{
	float: left;
	width: 307px;
	padding: 7px 35px 12px 10px;
	background: url(img/saves-proceed-top-bg.gif) no-repeat 0 0;
	}	


#saves li.proceed a:hover span{
	background: url(img/saves-proceed-top-bg.gif) no-repeat -352px 0;
	}		
	
	
	
/* Footer
**********************************************************************/	
#footer {
	text-align: left;
	clear:both;
	font-size:9pt;
	line-height:normal;
	margin:1cm 0 0 0;
	padding:2mm 0 0;
	border-top:1pt solid #000;
}
#footer .copyright{
	float: left;
}
#footer .terms{
	float: right;
	display:none;
}	
#footer .terms li{
	float: left;
	padding: 0 0 0 5mm;
}	
#footer .terms a{
	text-decoration: none;
}