/*
Theme Name: AFO
Author: Stirling Associates
Author URI: http://www.stirlingassociates.com/
Description: The AFO website design recoded for Wordpress
Version: 1.0
*/

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 100%;
  font-size: 62.5%;
  color: #333333;
  text-align: center;
  background: #F2F2F2;
  font-family: verdana, arial, sans-serif;
    }


body.medium {
  font-size: 85.5%;
  }


body.large{
  font-size: 100.5%;
  }



body a img {
  border: none;
}


.clearing{
  clear: both;
}




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

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 {
  color: #a1a1a1;
  font-style: italic;
  }


/* http://positioniseverything.net/easyclearing */
.clearfix: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;
}
*/


/*------ header ------*/


#header {
  margin: 0 auto 0px auto;
  padding: 0 0 0 0;
  width: 982px;
  text-align: left;
}


#header .gutter{
  float: left;
  width: 982px;
  padding: 10px 0 10px 0;
  background: transparent url(../../../img/header-bg.jpg) no-repeat 0 100%;
}


#header .allianceLink{
  float: left;
  font-size: 1.3em;
  margin-left: 18px;
  }


#header .allianceLink img{
  float: left;
  }


#header .allianceLink a{
  text-decoration: none;
  color: #53777a;
  }


#header .allianceLink a:hover span{
  text-decoration: underline;
  }

#header .allianceLink span{
  float: left;
  padding: 6px 0 0 15px;
  }


#header .tools{
  float: right;
  font-size: 1.2em;
  color: #8c8c8c;
  }


#header .tools li{
  float: left;
  padding: 6px 15px 0 10px;
  }


#header .tools li.size{
  display: inline;
  padding: 0 20px 0 10px;
  }

#header .tools li.size ul{
  display: inline;
  }

#header .tools li.size ul li{
  float: none !important;
  }


#header .tools .small{
  display: inline;
  padding: 0 0 0 0;
  font-size: 0.9em !important;
  }

#header .tools .medium{
  display: inline;
  padding: 0 0 0 0;
  font-size: 1.2em !important;
  }

#header .tools .large{
  display: inline;
  padding: 0 0 0 0;
  font-size: 1.5em !important;
  }


#header .tools a{
  text-decoration: none;
  color: #53777a;
  }

#header .tools a:hover{
  text-decoration: underline;
  }


#header .tools li.login{
  padding: 0 20px 0 10px;
  }


#header .tools li.login a{
  float: left;
  background: url(../../../img/login-right-bg.gif) no-repeat 100% 0;
  }

#header .tools li.login a:hover{
  text-decoration: none;
  background: url(../../../img/login-right-bg.gif) no-repeat 100% -32px;
  }


#header .tools li.login a span{
  float: left;
  padding: 0 10px;
  height: 32px;
  line-height: 28px;
  background: url(../../../img/login-left-bg.gif) no-repeat 0 0;
  }

#header .tools li.login a:hover span{
	color: #ffffff !important;
   background: url(../../../img/login-left-bg.gif) no-repeat 0 -32px;
}

#header .intro{
  float: left;
  width: 982px;
  background: #FFF url(../../../img/intro-bg.jpg) no-repeat 0 100%;
}


#header #logo{
  float: left;
  width: 260px;
  height: 112px;
  background: url(../../../img/apprenticeship-frameworks-logo.gif) no-repeat 0 0;
  }

#header #logo a{
  float: left;
  width: 260px;
  height: 90px;
  text-indent: -9999px;
  background: url(../../../img/apprenticeship-frameworks-logo.gif) no-repeat 0 0;
  }


#header #searchForm{
  float: right;
  margin: 27px 26px;
  height: 58px;
  background: #F1F1F1 url(../../../img/searchform-left-bg.gif) no-repeat 0 0;
  }


* html #header #searchForm{
  width: 260px;
  }


#header #searchForm p{
  padding: 15px;
  height: 28px;
  background: url(../../../img/searchform-right-bg.gif) no-repeat 100% 0;
  }


#header #searchForm input{
  padding: 5px;
  border: 1px solid #FFF;
  background: #FFF;
  font-size: 1.2em;
  }


#header #searchForm #btnSearchSubmit{
  border: none;
  color: #FFF;
  padding: 5px 10px;
  cursor: pointer;
  background: #46ADA8 url(../../../img/greyForm-button-bg.jpg) repeat-x 0 0;
  }

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


#header a:hover{
  color: #e75903;
  }
/*------ nav ------*/


#nav {
  float: left;
  width: 100%;
  min-height: 65px;
  height: auto !important;
  height: 65px;
  text-align: center;
  background: #E4E4E4 url(../../../img/nav-page-bg.jpg) repeat-x 0 0;
}


#nav ul{
  margin: 0 auto 0px auto;
  padding: 0 0 0 0;
  width: 980px;
  min-height: 64px;
  height: auto !important;
  height: 64px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-top: 1px solid #FFF;
  text-align: left;
  background: url(../../../img/nav-bg.jpg) repeat-x 0 100%;
}


#nav ul li{
  float: left;
  border-right: 1px solid #FFF;
  }


#nav ul li a{
  float: left;
  min-height: 48px;
  height: auto !important;
  height: 48px;
  margin: 0 0 0 0;
  padding: 8px 24px 8px 24px;
  color: #FFF;
  text-decoration: none;
  font-size: 1.6em;
  background: #7CBEBA url(../../../img/nav-bg.jpg) repeat-x 0 100% ;
  max-width:118px;
}

#nav ul li.home a{
  min-height: 38px;
  height: auto !important;
  height: 38px;
  padding: 18px 24px 8px 24px;
  }


#nav ul li#menu-item-30 a{
  min-height: 38px;
  height: auto !important;
  height: 38px;
  padding: 18px 24px 8px 24px;
  }
  
#nav #menu-item-34 a,
#nav #menu-item-35 a{
	max-width:98px;
}

#nav #menu-item-40 a,
#nav #menu-item-33 a{
	max-width:89px;
}

#nav ul li a:hover,
#nav ul li.current-page-ancestor a,
#nav ul li.current_page_item a{
  background: #EA9230 url(../../../img/nav-on-bg.jpg) no-repeat 50% 100%;
}




/*------ content ------*/


#content {
  margin: 0 auto 0px auto;
  padding: 0 0 0 0;
  width: 982px;
  text-align: left;

}


#content .gutter{
  float: left;
  width: 982px;
  background: #FFF;
}


/*------ breadcrumb ------*/


#breadCrumb{
  float: left;
  width: 982px;
  padding: 10px 0;
  background: url(../../../img/breadcrumb-bg.jpg) no-repeat 0 100%;
}



#breadCrumb p{
  float: left;
  color: #737373;
  font-size: 1.1em;
  padding: 0 0 0 26px;
  }


#breadCrumb p a{
  color: #198984;
  text-decoration: none;
  }


#breadCrumb p a:hover{
  color: #e98a20;
  text-decoration: underline;
  }



/*------ subNav ------*/


#subNav{
  float: left;
  width: 248px;
  }


#subNav p{
  float: left;
  font-size: 1.2em;
  padding: 25px 0 0 26px;
  }

#subNav p a{
  color: #333333;
  cursor: pointer;
  }
#subNav p a.fwl{
  text-decoration: underline;
  }



#subNav p a:hover{
  text-decoration: none;
  }



#subNav ul{
  float: left;
  width: 223px;
  padding: 0 0 12px 0;
  background: url(../../../img/subNav-ul-bg.jpg) no-repeat 0 100%;
  }


#subNav ul li{
  float: left;
  width: 223px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  }



#subNav ul li a{
  float: left;
  width: 173px;
  padding: 15px 25px;
  text-decoration: none;
  font-size: 1.3em;
  color: #355156;
  background: #D8EEED url(../../../img/subNav-bg.jpg) no-repeat 0 100%;
  }

#subNav ul li a:hover{
  color: #000;
  }

#subNav ul li.current-menu-item  > a{
  font-weight: bold;
  }


#subNav ul li.last a{
  background: #D8EEED url(../../../img/subNav-last-bg.jpg) no-repeat 0 100%;
  }


#subNav ul li ul li{
  float: left;
  width: 223px;
  border-top: none;
  border-left: none;
  }

#subNav ul li ul{
  float: left;
  width: 223px;
  padding: 0 0 15px 0;
  border-bottom: none;
  background: #DAEFEE url(../../../img/subNav-second-bg.jpg) no-repeat 0 0;
  }



#subNav ul li.last ul li a{
  background: none;
  }

#subNav ul li ul li a{
  float: left;
  width: 163px;
  padding: 0 25px 0 35px;
  margin: 15px 0 0 0;
  text-decoration: none;
  font-size: 1.2em;
  color: #355156;
  background: url(../../../img/subNav-arrows-bg.gif) no-repeat 20px -22px;
  }


#subNav ul li ul li a:hover,
#subNav ul li ul li.current-menu-item a{
  font-size: 1.2em;
  background: url(../../../img/subNav-arrows-bg.gif) no-repeat 20px 6px;
  }




/*------ mainContent ------*/


#content .homeContent{
  background: #FFF url(../../../img/homeContent-bg.jpg) no-repeat 0 100%;
  }


#mainContent{
  float: right;
  width: 708px;
  padding: 25px 25px 20px 0;
  }


#content .fullWidth{
  float: left;
  width: 931px;
  position: relative;
  padding: 25px 0 20px 25px;
  }


#content .homeContent #mainContent{
  float: left;
  width: 420px;
  padding: 13px 0 15px 25px;
  }


#mainContent .pageTitle, #mainContent h1{
  font-size: 2.9em;
  color: #415f64;
  padding: 0 0 10px 0;
  width: 324px;
  }


#mainContent .mainTitle{
  font-size: 2.4em;
  color: #3c5b61  ;
  padding: 0 0 10px 0;
}

.error404 #mainContent.fullWidth #col1{
	width:100%;
}

#mainContent .pageTitle, #mainContent.fullWidth h1{
	width:auto;
}
  

#mainContent h2{
  font-size: 1.9em;
  color: #2c7673;
  padding: 0 0 15px 0;
  }

.mainhome h2 {
    font-size: 2.4em !important;
  }

.mainhome p.link a{
  color: #000;
  text-decoration: none;
  padding: 0 0 0 11px;
  background: url(../../../img/arrow-blue.gif) no-repeat 0 5px;
  }

.mainhome a:hover{
  text-decoration: underline;
  }

#mainContent h3{
  font-size: 1.5em;
  color: #2c7673;
  padding: 10px 0 15px 0;
  }

.issuing-authorities #mainContent h3 {
  padding-bottom: 0;
}


#mainContent h4{
  font-size: 1.2em;
  font-weight: bold;
  }

#mainContent h5{
  font-size: 1.5em;
  color: #3c5b61;
  padding: 10px 0 5px 0;
  }


#mainContent p.subTitle{
  font-size: 1.5em;
  color: #3c5b61;
  padding: 0px 0 15px 0;
  }




#mainContent p{
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0 0 8px 0;
  }


#mainContent p.error{
  color: #FF4444;
  padding-bottom: 20px;
}


#mainContent p a,
#mainContent li a,
#mainContent table tr a,
.extra li a{
  color: #333;
  }

#mainContent p a:visited,
#mainContent li a:visited,
#mainContent table tr a:visited,
#promoPanel .panel a:visited,
#footer .logoArea .logo1 a:visited,
#footer .logoArea .logo2 a:visited,
.extra li a:visited{
  color: #666666;
  }
  
#col2 .sideWidget .text a:visited {
  color: #666666 !important;
  }   

#mainContent p a:hover,
#mainContent li a:hover,
#mainContent table tr a:hover,
.extra li a:hover{
  color: #e75903;
  }




#mainContent ul,
#mainContent ol{
  font-size: 1.2em;
  padding: 0 0 5px 0;
  }

#mainContent ul li{
  list-style: disc;
  padding: 0 0 15px 0;
  margin: 0 0 0 18px;
  }


#mainContent ol li{
  list-style: decimal;
  padding: 0 0 15px 0;
  margin: 0 0 0 25px;
  }


#mainContent a.blueLink{
  color: #2b7897;
  text-decoration: none;
  padding: 0 0 0 11px;
  background: url(../../../img/arrow.gif) no-repeat 0 5px;
  }


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


#mainContent img.imgPosRight{
  float: right;
  display: block;
  margin: -60px 0 15px 30px;
  padding: 11px 0 11px 0;
  display: block;
  background: url(../../../img/image-bottom-bg.jpg) no-repeat left bottom;
  }

#mainContent img.imgPosLeft{
  float: left;
  display: block;
  margin: 0 30px 15px 0;
  padding: 11px 0 11px 0;
  background: url(../../../img/image-bottom-bg.jpg) no-repeat left bottom;
  }

#mainContent img.imageright,
#mainContent img.alignright{
   float: right;
  display: block;
  margin: -80px 0 15px 30px;
  padding: 11px 0 11px 0;
  display: block;
  background: url(../../../img/image-bottom-bg.jpg) no-repeat left bottom;
  }

/*
#mainContent .imageRight img,
#mainContent .imageLeft img{
  display: block;
  padding: 0 0 11px 0;
  background: url(../../../img/image-bottom-bg.jpg) no-repeat 50% 100%;
  }
*/


#col1 img.imgPosRight,
#col1 img.alignright{
  float: right;
  display: block;
  margin: 0 0 15px 30px;
  padding: 7px 0 7px 0;
  background: url(../../../img/col1-image-bottom-bg.jpg) no-repeat 50% 100%;
  }

#col1 img.imgPosLeft {
  float: left;
  display: block;
  margin: 0 30px 15px 0;
  padding: 7px 0 7px 0;
  background: url(../../../img/col1-image-bottom-bg.jpg) no-repeat 50% 100%;
  }

/*
#col1 .imageRight img,
#col1 .imageLeft img{
  display: block;
  padding: 0 0 7px 0;
  background: url(../../../img/col1-image-bottom-bg.jpg) no-repeat 50% 100%;
  }
*/


#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{
  padding: 0 0 10px 0;
  }


#mainContent .result h3{
  padding: 0 0 10px 0;
  }


#mainContent .result h3 a{
  color: #2c7673;
  text-decoration: underline;
  }

#mainContent .result h3 a:hover{
  text-decoration: none;
  }


#mainContent .searchForm{
  height: 58px;
  margin: 0 0 5px 0;
  background: #F1F1F1 url(../../../img/searchform-left-bg.gif) no-repeat 0 100%;
  }


* html #mainContent .searchForm{
  width: 430px;
  }

#mainContent .searchForm p{
  padding: 15px;
  height: 28px;
  background: url(../../../img/searchform-right-bg.gif) no-repeat 100% 0;
  }


#mainContent .searchForm input{
  padding: 5px;
  width: 280px;
  float: left;
  border: 1px solid #FFF;
  background: #FFF;
  font-size: 1.2em;
  }

* html #mainContent .searchForm input{
  width: 280px;
  }


#mainContent .searchForm .btnSearchSubmit{
  float: right;
  border: none;
  width: auto;
  color: #FFF;
  padding: 5px 10px;
  cursor: pointer;
  background: #46ADA8 url(../../../img/greyForm-button-bg.jpg) repeat-x 0 0;
  }


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

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

#mainContent .searchResults{
  float: left;
  width: 440px;
  padding: 15px 0 15px 0;
  }
#col1 .searchResults{
  float: left;
  width: 440px;
  padding: 15px 0 15px 0;
  display: none;
  }
#col1 tr .searchResults {
  width: 630px;
}


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


#mainContent .searchResults em{
  float: left;
  color: #333333;
  padding: 0 4px;
  }


#mainContent .searchResults p span{
  float: left;
  padding: 0 10px;
  height: 23px;
  line-height: 20px;
  background: url(../../../img/searchResults-left-bg.gif) no-repeat 0 0;
  }


#mainContent .searchResults a{
  float: left;
  text-decoration: none;
  color: #3c5b61;
  padding: 0 4px;
  }

#mainContent .searchResults a:hover{
  background: #E98A21;
  color: #fff;
  }


#mainContent .searchResults p strong{
  color: #010101;
  background: #CAE0DE;
  float: left;
  padding: 0 4px;
  }


#mainContent .searchResults p.pagination a{
  margin: 0;
  padding: 0 !important;
  }


#mainContent .searchResults p.pagination{
  background: none;
  margin: 0;
  padding: 0;
  background: url(../../../img/searchResults-bg.jpg) no-repeat 100% -0px;
  }

#mainContent .searchResults p.pagination span{
  background: none;
  margin: 0;
  padding: 0 10px;
  background: url(../../../img/searchResults-left-bg.gif) no-repeat 0 -0px;
  }


#mainContent .searchResults p.pagination a span{
  padding: 0 10px !important;
  }

#mainContent .searchResults p.pagination a:hover{
  background: url(../../../img/searchResults-bg.jpg) no-repeat 100% -23px;
  }

#mainContent .searchResults p.pagination a:hover span{
  background: url(../../../img/searchResults-left-bg.gif) no-repeat 0 -23px;
  }

#mainContent .searchResultsNoJS{
  float: left;
  width: 440px;
  padding: 15px 0 15px 0;
  }

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


#mainContent .searchResultsNoJS em{
  float: left;
  color: #333333;
  padding: 0 4px;
  }


#mainContent .searchResultsNoJS p span{
  float: left;
  padding: 0 10px;
  height: 23px;
  line-height: 20px;
  background: url(../../../img/searchResults-left-bg.gif) no-repeat 0 0;
  }


#mainContent .searchResultNoJSs a{
  float: left;
  text-decoration: none;
  color: #3c5b61;
  padding: 0 4px;
  }

#mainContent .searchResultsNoJS a:hover{
  background: #E98A21;
  color: #fff;
  }


#mainContent .searchResultsNoJS p strong{
  color: #010101;
  background: #CAE0DE;
  float: left;
  padding: 0 4px;
  }


#mainContent .searchResultsNoJS p.pagination a{
  margin: 0;
  padding: 0 !important;
  }


#mainContent .searchResultsNoJS p.pagination{
  background: none;
  margin: 0;
  padding: 0;
  background: url(../../../img/searchResults-bg.jpg) no-repeat 100% -0px;
  }

#mainContent .searchResultsNoJS p.pagination span{
  background: none;
  margin: 0;
  padding: 0 10px;
  background: url(../../../img/searchResults-left-bg.gif) no-repeat 0 -0px;
  }


#mainContent .searchResultsNoJS p.pagination a span{
  padding: 0 10px !important;
  }

#mainContent .searchResultsNoJS p.pagination a:hover{
  background: url(../../../img/searchResults-bg.jpg) no-repeat 100% -23px;
  }

#mainContent .searchResultsNoJS p.pagination a:hover span{
  background: url(../../../img/searchResults-left-bg.gif) no-repeat 0 -23px;
  }



/*------ 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;
  }



/*------ #twoPanels ------*/

#twoPanels{
  float: left;
  width: 708px;
  background: url(../../../img/twoPanels-bottom-bg.jpg) no-repeat 0 100%;
  }


#twoPanels .panel{
  float: left;
  width: 354px;
  padding: 11px 0 0 0;
  background: url(../../../img/twoPanels-bg.jpg) no-repeat 0 0;
  }


#twoPanels .second{
  float: right;
  background: url(../../../img/twoPanels-bg.jpg) no-repeat 100% 0;
  }


#twoPanels .panel .text{
  float: left;
  width: 324px;
  padding: 15px 15px 15px 15px;
  }


#twoPanels .text img.left{
  float: right;
  padding: 0 0 0 10px;
  }

#twoPanels .text img.right{
  float: left;
  padding: 0 10px 0 0;
  }

#twoPanels .slfb {

  }

#twoPanels .srfb {
  margin-left: 0;
  }

#twoPanels .title{
  float: left;
  width: 354px;
  border-bottom: 1px solid #FFF;
  font-size: 1.3em;
}



#twoPanels .title a{
  float: left;
  width: 309px;
  color: #603913;
  text-decoration: none;
  padding: 15px 15px 15px 30px;
  background: url(../../../img/arrow-large-blue.gif) no-repeat 15px 20px;
  }

#twoPanels .title .nolink{
    padding: 15px;
  float: left;
  color: #603913;
  }

#twoPanels .title a:hover{
  text-decoration: underline;
  }


#twoPanels .first .title{
  background: url(../../../img/twoPanels-title-bg.jpg) no-repeat 0 0;
}

#twoPanels .second .title{
  background: url(../../../img/twoPanels-title-bg.jpg) no-repeat 100% 0;
}



/*------ #col1 ------*/

#col1{
  float: left;
  width: 440px;
  }

.issuing-authorities  {
	width: 100%;
}

.fullWidth #col1{
  float: left;
  width: 661px;
  }


/*------ .fullWidth #col1 form------*/

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


.fullWidth #col1 form .checkbox{
  float: left;
  width: 631px;
  padding: 5px 0 10px 0;
  font-size: 1.2em;
  }

.fullWidth #col1 form .checkbox span{
  float: left;
  font-weight: bold;
  padding: 0 20px 0 0;
  }


.fullWidth #col1 form .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: #E6E6E6 url(../../../img/greyForm-bottom-bg.png) 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.png) no-repeat 0 0;
  }


#col1 .greyFormSmall,
#col2 .greyFormSmall{
  float: left;
  width: 440px;
  background: #E6E6E6 url(../../../img/greyFormSmall-bottom-bg.png) no-repeat 0 100%;
  margin: 20px 0 10px 0;
  }


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


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


#mainContent .orange{
  color: #dc6301 
;
  }


#col1 .greyFormSmall form .field
, #col2 .greyFormSmall form .field{
  padding: 0 0 10px 0;
  }

#col1 .greyFormSmall form .field input
, #col2 .greyFormSmall form .field input{
  width: 398px;
  padding: 5px;
  border: 1px solid #FFF;
  }


#col1 .greyFormSmall form .field textarea
, #col2 .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: #E6E6E6 url(../../../img/greyFormSmaller-bottom-bg.png) 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.png) 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;
  }

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


#col1 input.searchFrameworks
,#col2 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,
#col2 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: 150px;
  }


* 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 !important;
  }


#mainContent .table .frameworkTitle {
  width: 655px;
  }


#mainContent .table .industry{
  width: 250px;
  }

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


#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: #dc6301 
 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 .login a:hover{
   color: #ffffff !important;
   background: url(../../../img/edit-profile-right-bg.gif) no-repeat 100% -32px;
  }

#mainContent .tabContent .login a{
  background: url(../../../img/develop-right-bg.gif) no-repeat 100% 0;
  }

#mainContent .tabContent .login a:hover{
   color: #ffffff !important;
  background: url(../../../img/develop-right-bg.gif) no-repeat 100% -32px;
  }


#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 .login a:hover span{
   background: url(../../../img/edit-profile-left-bg.gif) no-repeat 0 -32px;
   }


#mainContent .tabContent .login a span{
  background: url(../../../img/develop-left-bg.gif) no-repeat 0 0;
  }
 #mainContent .tabContent .login a:hover span{
  background: url(../../../img/develop-left-bg.gif) no-repeat 0 -32px;
  }


/*------ #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;
  color: #e75903 !important;
  }


#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;
   color: #e75903 !important;
  }


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


#mainContent .radio label{
  padding-right: 15px;
  }


#mainContent .notes{
  position: absolute;
  top: 30px;
  left: 275px;
  text-align: center;
  }


#mainContent .notes a{
  float: left;
  color: #603913;
  text-decoration: none;
  width: 200px;
  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 -200px 100%;
  }


#mainContent .notes a span{
  float: left;
  width: 200px;
  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 -200px 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;
  }




/*------ #col2 ------*/

#col2{
  float: right;
  width: 243px;
  }


#col2 .sideWidget{
  float: left;
  width: 243px;
  padding: 0 0 5px 0;
  background: #FFF7DC url(../../../img/sideWidget-bg.jpg) no-repeat 0 100%;
  }


#col2 .alt{
  background: #FFFCDD url(../../../img/sideWidget-alt-bg.jpg) no-repeat 0 100%;
  }


#col2 .sideWidget .title{
  float: left;
  width: 218px;
  font-size: 1.3em;
  font-weight: normal;
  padding: 25px 10px 15px 15px;
  border-bottom: 1px solid #FFF;
  background: #FFE17B  url(../../../img/sideWidget-title-bg.jpg) no-repeat 0 0;
  }


#col2 .alt .title{
  background: #F7EF8F url(../../../img/sideWidget-title-alt-bg.jpg) no-repeat 0 0;
  }


#col2 .alt2 .title{
  background: #F4E3AE url(../../../img/sideWidget-title-alt2-bg.jpg) no-repeat 0 0;
  }


#col2 .sideWidget .title a{
  color: #603913;
  padding: 0 0 0 15px;
  background: url(../../../img/arrow-large-blue.gif) no-repeat 0 5px;
  text-decoration: none;
  }


#col2 .sideWidget .title a:hover{
  text-decoration: underline;
  }


#col2 .sideWidget .text{
  float: left;
  width: 213px;
  padding: 15px 15px 10px 15px;
  }


#col2 .sideWidget .text a{
  color: #2b7897 !important;
  padding: 0 0 0 15px;
  background: url(../../../img/arrow-blue.gif) no-repeat 0 5px;
  text-decoration: none;
  }


#col2 .sideWidget .text a:hover{
  text-decoration: underline !important;
  }


#col2 .sideWidget .image{
  float: left;
  position: relative;
  width: 243px;
  _height: 150px;
  *height: 150px;
  }


#col2 .sideWidget .image .corners{
  position: absolute;
  bottom: 2px;
  left: 0;
  }
#col2 .sideWidget a:hover{
    color: #e75903 !important;
    }


#col2 .narrowResults h5{
  float: left;
  width: 213px;
  font-size: 1.2em;
  font-weight: bold;
  color: #3c5b61;
  padding: 10px 15px 0px 15px;
}


#col2 .narrowResults .checkbox{
  float: left;
  width: 213px;
  font-size: 1.2em;
  padding: 10px 15px 10px 15px;
}


#col2 .narrowResults .checkbox span{
  float: left;
  width: 213px;
  padding: 0 0 5px 0;
}


#col2 .narrowResults .checkbox input{
  float: left;
  margin: 3px 0 0 0;
  }


#col2 .narrowResults .checkbox label{
  float: right;
  width: 188px;
  }


#col2 .narrowResults .clearBox{
  float: left;
  padding: 0 0 15px 15px;
  }

#col2 .narrowResults .clearBox a{
  float: left;
  text-decoration: none;
  color: #53777a;
  background: url(../../../img/login-right-bg.gif) no-repeat 100% 0;
  }

#col2 .narrowResults .clearBox a:hover{
  text-decoration: underline;
  color: #53777a;
  }


#col2 .narrowResults .clearBox a span{
  float: left;
  padding: 0 10px;
  height: 32px;
  line-height: 28px;
  background: url(../../../img/login-left-bg.gif) no-repeat 0 0;
  }



/*------ #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{
  color: #e75903 !important;
  text-decoration: underline !important;
  }


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

#features{
  float: right;
  width: 489px;
  position: relative;
  padding: 12px 25px 0 0;
  margin: 7px 0 15px 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;
  height: 25px;
  color: #754c24;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px 25px 20px;
  }


.extra {
  margin: 0 0 10px 25px;
  font-size: 1.2em;
  line-height:1.5em;
  padding:0 0 15px;
  width: 932px;
  }

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

#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;
  }

#promoPanel .panel .title .nolink{
   color:#603913;
   float:left;
   padding:15px;
   font-size: 1.3em;
   font-weight: bold;
}

#promoPanel .panel .title a {
    background:url("../../../img/arrow-large-blue.gif") no-repeat scroll 15px 20px;
  color:#603913;
    float:left;
    padding:15px 15px 15px 30px;
    width: 280px;
  font-size: 1.3em;
  font-weight: bold;
    }

#promoPanel .panel .title a:hover {
    text-decoration: underline;
  }

#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 img.right{
  float: right;
  padding: 0 0 0 10px;
  }


#promoPanel img.left{
  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: #2b7897;
  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;
  color: #e75903;

  }




/*******************************************************************
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 {
  margin: 0 auto 0px auto;
  padding: 0 0 0 0;
  width: 982px;
  text-align: left;
}


#footer .logoArea{
  float: left;
  width: 982px;
  font-size: 1.1em;
  background: #FFF url(../../../img/logoArea-bg.jpg) no-repeat 0 0;
}


#footer .logoArea img{
  float: left;
  }

#footer .logoArea span{
  float: left;
  width: 290px;
  padding: 10px 0 0 10px;
  }


#footer .logoArea .logo1{
  float: left;
  width: 491px;
  padding: 20px 0 20px 0px;
  }


#footer .logoArea .logo2{
  float: right;
  width: 490px;
  padding: 20px 0 20px 0px;
  }

#footer .logoArea .logo1 a, #footer .logoArea .logo2 a {
    color: #2b7897;
  }

#footer .logoArea .logo1 a:hover, #footer .logoArea .logo2 a:hover {
    text-decoration: none;
	color: #e75903;
  }

#footer .gutter{
  float: left;
  width: 982px;
  font-size: 1.1em;
  background: url(../../../img/footer-bg.jpg) no-repeat 0 0;
}


#footer .copyright{
  float: left;
  padding: 10px 0 10px 22px;
  }


#footer .terms{
  float: right;
  padding: 10px 22px 10px 0;
  }


#footer .terms li{
  float: left;
  padding: 0 0 0 15px;
  }


#footer .terms a{
  color: #53777a;
  text-decoration: none;
  }


#footer .terms a:hover{
  text-decoration: underline;
  }

#footer a:hover{
  color: #e75903;
  }
/* <oscar> */
#tab-contact .table .developer,
#tab-contact .table .organisation,
#tab-contact .table .date,
#tab-contact .table .status,
#tab-eoi .table .developer,
#tab-eoi .table .organisation,
#tab-eoi .table .date,
#tab-eoi .table .status{
  width: 150px !important;
  }

.greyFormSmaller .errorList {
  width: 370px;
}

ul.errorList {
  color: #dc6301 
;
  margin-top: 0.2em;
  line-height: 1.5;
}

p.errorFlash, p.successFlash, p.noticeFlash {
  padding: 0.5em !important;
}

p.errorFlash {
  color: #dc6301 
;
  background-color: #FFCCCC;
}

p.successFlash {
  color: green;
  background-color: #CCFFCC;
}

p.noticeFlash {
  color: blue;
  background-color: #CCDDFF;
}

#eoiForm p.desc, #contactForm p.desc {
  margin-top:-0.5em;
  color:#666;
}

#contactForm #industry {
  width: 100%;
}

#eoiForm #frid {
  margin-top:-0.7em;
  margin-bottom:0.5em;
}

#mainContent h1.mainTitle { width: 84% !important; }

form .issuerList li {
  margin-left: 0 !important;
  list-style:none !important;
}

form .issuerList input {
  margin-right: 5px;
}

.issuerList {
  width:47%;
  float:left;
  margin:1em 0;
  /*height: 1750px;*/
}
.issuerList.right {
  float:right;
  clear:right;
  /*height: 1750px;*/
}

.checkButtons {
  float:left;
  clear:both;
  width: 100%;
}


.checkButtons 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;
  float: right;
  margin-left: 7px;
  display: none;
}

#FWLBrowseForm > label.error {
  font-size: 1.2em;
  margin-bottom:2em;
  margin-top:-1.5em;
}

/* ------------------------- Search Results ------------------------- */
.search-results footer{
	display:none;
}

.search-results article{
	margin-bottom:20px;
}

.search-results article h1{
	font-size: 1.5em !important;
	text-decoration: underline;
}

.search-results article a{
	text-decoration:underline !important;
	color: #2c7673 !important;
}

.search-results article a:hover{
	text-decoration:none !important;
}

.entry-summary p {
font-size: 1.2em;
line-height: 1.5em;
padding: 0 0 8px 0;
}

/*------ #mainContent .related_framework ------*/

#content h1{
    font-size: 2.4em;
	color: #3c5b61  ;
	padding: 0 0 10px 0;
}

#mainContent .related_framework {
  float:left;
  width:100%;
}


#mainContent .related_framework .actions {
  background: #CAC9C9;
  border: 1px solid #CAC9C9;
  margin: 1px -26px 0 -24px;
  padding: 0 0 14px 10px;
}

#mainContent .related_framework .tipText {
  background: #FEFBD3;
  color: #603913;
  padding: 1em 1.5em 0.5em 1.5em;
  margin: 0 -26px 0 -24px;
  display: none;
  border: 1px solid #EDE7A2;
  /* #AFO-312 IE7 Fix */
  z-index: 1;
  zoom: 1;
}

.tipText p {
  margin:0.5em 0;
}

#mainContent .related_framework .tipText a, #mainContent .related_framework .tipText a:visited {
  text-decoration:none;
  color:#603913;
}

#mainContent .related_framework .tipText a:hover {
  text-decoration:underline;
  color:#E75903;
}

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

#mainContent .related_framework .actions ul {
  margin-left: 18.3%;
}

#mainContent .related_framework a.toggleTipText {
  float: left;
  color: #603913;
  text-decoration: none;
  margin: 21px 0 0 5px;
  background: url(/img/show-hide.gif) no-repeat 0 3px;
  padding-left: 15px;
}

#mainContent .related_framework a.toggleTipText.active {
  background-position: 0 -45px;
}

#mainContent .related_framework .toggleTipText:hover {
  text-decoration:underline;
}

#mainContent .related_framework .actions li a.button{
  float: left;
  color: #2C7673;
  text-decoration: none;
  margin: 14px 0 0 0;
  background: url(../../../img/button-right-bg.gif) no-repeat 100% 0;
}

#mainContent .related_framework .actions li a.button:hover{
  text-decoration: underline;
  color: #e75903 !important;
}


#mainContent .related_framework .actions li a.button span{
  float: left;
  padding: 0 10px;
  height: 32px;
  line-height: 28px;
  background: url(../../../img/button-left-bg.gif) no-repeat 0 0;
}

.dialog {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  display:none;
  font-size: 1.2em;
}

#searchtext2 {
  width: 310px !important;
}

#dialog-decline textarea {
  height: 15em !important;
  margin-bottom:1em;
}

#contactForwardForm {
  margin-bottom:1em;
}

#contactForwardForm select {
  width:100% !important;
}

.dialog h5 {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1em;
}

.dialog li input {
  float: left;
  margin-right: 8px;
  margin-top: 3px;
}

.dialog li {
  margin-bottom: 0.5em;
}

.dialog ul {
  margin-bottom: 1em;
}

.dialog label.error {
  margin-bottom: 0.5em;
}

#dialog-new,
#dialog-revise,
#dialog-copyFrameworkConfirm,
#dialog-requestIssue,
#dialog-invite,
#dialog-eoiDecline {
  padding-bottom: 0 !important;
}

#dialog-new p,
#dialog-revise p,
#dialog-copyFrameworkConfirm p,
#dialog-requestIssue p,
#dialog-invite p,
#dialog-eoiDecline p {
  margin-bottom:1em;
}

#dialog-issuingFramework img,
#dialog-draftGenerating img {
  float:left;
  margin:3px 1em 0 0;
}

#newReviseFrameworkForm .greyFormSmaller {
  padding-top:10px;
  padding-bottom:10px;
}

#newReviseFrameworkForm .greyFormSmaller p, #newReviseFrameworkForm .greyFormSmaller .errorList {
  padding-right:15px;
  padding-left:15px;
}

#newReviseFrameworkForm .greyFormSmaller input {
  width:100%;
  font-size:1.25em;
}

label.error {
  color:red;
  font-weight:bold;
  display:block;
  clear:both;
}

.greyForm label.error {
  padding-top:1em !important;
}

.dialog label.error {
  margin-bottom:0.5em;
  display:block;
}

#draftShareForm label {
  display:block;
  margin:0;
  margin-bottom:-1em;
}

#draftShareForm label.error {
  margin-bottom:0;
}

#FWLDetailedSearchForm select {
  width:11.5em;
}

.dialog .field {
  margin-bottom:1.5em;
}

.greyForm .actions {
  clear:both;
  padding:1.2em 0;
}

.greyForm .actions input {
  font-size:1.4em !important;
  margin-right:0.8em;
}

.item table td a:hover, .item .toggles a:hover {
  text-decoration:underline !important;
}

#contactForm .invalid, #eoiForm .invalid {
  background-color:#FFF0DF;
}

#dialog-ie6 {
  margin-bottom:-1em;
}

#dialog-ie6 p {
  margin-bottom:1em;
}

/* </oscar> */

/* Matt 11/8/2010 */
/* Show / Hide Tips rtollover */

a.moreLink:hover {
  text-decoration: underline !important;
  color: #e75903 !important;
}

/* /Matt */

/* Simon 24/03/2011 */
/*------ .fullWidth #col2 .greyForm------*/

#col2.wideForForm{
	float: left;
	width: 100%;
	}


#col2 .greyForm{
  float: left;
  width: 661px;
  background: #E6E6E6 url(http://www.apprenticeshipframeworksonline.semta.org.uk/img/greyForm-bottom-bg.png) no-repeat 0 100%;
  margin: 10px 0 10px 0;
  }


#col2 .greyForm form{
  float: left;
  width: 631px;
  padding: 0 15px 10px 15px;
  background: url(http://www.apprenticeshipframeworksonline.semta.org.uk/img/greyForm-top-bg.png) no-repeat 0 0;
  }


#col2 .greyForm form .field{
  padding: 0 0 10px 0;
  }

#col2 .greyForm form .field input{
  width: 398px;
  padding: 5px;
  border: 1px solid #FFF;
  }


#col2 .greyForm form .field textarea{
  width: 398px;
  height: 90px;
  padding: 5px;
  margin: 0 0 10px 0;
  border: 1px solid #FFF;
  }

.greyForm form .radio{
	float: left;
	width: 100%;
	}

.greyForm form .radio input{
	float: left;
	margin: 2px 10px 0 0;
  }
  
.greyForm form .radio label{
	float: left;
	width: 565px;
  }
  
 
.greyForm form .radio label strong{
 	font-weight: normal;
 	color: #3F5B60;
 	font-size: 1.2em;
 	}
 	
 #col2 .greyForm  input.searchFrameworks{
  border: none;
  padding: 4px 10px;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 1.1em;
  cursor: pointer;
  background: #46ADA8 url(http://www.apprenticeshipframeworksonline.semta.org.uk/img/greyForm-button-bg.jpg) repeat-x 0 0;
}


* html  #col2 .greyForm input.searchFrameworks{
  padding: 4px 0px;
  }
	
/* /Simon */

caption {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding: 10px 0;
}

#currentTab caption {
  padding-top: 30px;
}

#legacy-notice {
  background-color: #E6E6E6;
  clear: both;
  padding: 10px 15px 7px 15px;
  margin-right: -14px;
  font-size: 12px;
  color: #333;
}

#mainContent ul p.document {
  float:none;
  display:inline;
  padding:0;
  margin:0;
  font-size:12px;
}

#mainContent ul p.document img {
  float:none;
  padding:0 5px 0 0;
  width:20px;
  height:20px;
}

#subNav .sub-menu{
	display:none;
}

#subNav .current_page_parent  .sub-menu,
#subNav .current_page_item .sub-menu{
	display:block;
}

.page-id-116 .page-list  li a{
	font-size:12px;
}

.page-id-116 #mainContent ul{
	padding:0 0 0 0;
}

.page-id-116 #mainContent ul li{
	list-style:circle;
}

.page-id-116 #mainContent ul  li > ul li{
	list-style:square;
}

.page-id-116 #mainContent ul  li > ul li > ul li{
	list-style:disc;
}

.page-id-116 #mainContent ul li{
	padding:10px 0 0 0;
}
.copyright a{
	color:#53777A;
	text-decoration:none;
}
.copyright a:hover{
	text-decoration:underline;
}