* { margin:0;  padding:0;}
body{
   margin:0;
   padding:0;
   font: 12px verdana, arial, sans-serif; color:#6b686e;
   background: url('../images/body_bg.gif') repeat-x;
   padding-bottom: 20px;
}

.page{
   width: 930px; margin: 0 auto;
   background: url('../images/body_btm.jpg') no-repeat bottom;
	height: auto; padding-bottom: 10px;

}

/*------- NEW STYLES --------- */

#header_bar1 { height: 37px; padding-top:3px; background: url("../images/global_nav.gif") repeat-y; padding-left: 20px; padding-right:20px;}

	#header_bar1 #small_logo { width:50px; float:left;}
        
        #header_bar1 #my_qs { width:250px; float:left; height:37px; font-size:15px; align-content: center; text-align:center}
	
	#header_bar1 #global_menu { width: 280px; float:right; font-weight:normal; padding-top:10px;}
	
		#header_bar1 #global_menu ul li{ float:left; list-style:none; color:#ffffff; font-weight:normal;}
	
		#header_bar1 #global_menu ul li a{ font:  11px verdana, arial, sans-serif; color:#ffffff; text-decoration:none; display:block; float:left; padding-left:2px; padding-right:2px;}
	
		#header_bar1 #global_menu ul li a:hover{ text-decoration:underline;}

		
		#header_bar2 {height: 107px; background: url("../images/header3_bg.gif") no-repeat; padding-left: 20px; padding-right:20px; }
	
	#header_bar2 #main_logo { width:200px; float:left; padding-top:25px; height: 82px;}
	
	#header_bar2 #mysqa_menu { width: 682px; float:left; height: 42px; padding-top:73px; }
	
		/* #header_bar2 #mysqa_menu ul li {background: url("../images/li_right_static.gif") no-repeat right; float:left; list-style:none; margin-left:2px; margin-right:2px; padding-right: 4px; display: inline; margin-top:66px;}
		
		#header_bar2 #mysqa_menu ul li a{ display:block; float:left; background:#f6f4f8 url("../images/a_left_static.gif") no-repeat left; height:22px; padding-left:6px; font:bold 11px verdana, arial, sans-serif; color: 1E2A4C; text-decoration:none; padding-top:10px; }
		
		#header_bar2 #mysqa_menu ul li a:hover, #header_bar2 #mysqa_menu ul li a.active { background:#ffffff url("../images/a_left.gif") no-repeat left; border-bottom:1px solid #ffffff;}
		#header_bar2 #mysqa_menu ul li:hover, #header_bar2 #mysqa_menu ul li.active {background: url("../images/li_right_hover.gif") no-repeat right; border-bottom:1px solid #ffffff; } */
		
				#header_bar2 #mysqa_menu ul { float:right;}
		
				#header_bar2 #mysqa_menu ul li { float:left; list-style:none; margin-left:2px; margin-right:2px;   text-align:center;}
		
		#header_bar2 #mysqa_menu ul li a:link, #header_bar2 #mysqa_menu ul li a:visited, #header_bar2 #mysqa_menu ul li a{ display:block; float:left; background:#f6f4f8; height:22px;  font:bold 11px verdana, arial, sans-serif; color: #1E2A4C; text-decoration:none; padding-top:10px; border: 1px solid #1E2A4C;  padding-right:5px;}
		
		 #header_bar2 #mysqa_menu ul li a:hover,  #header_bar2 #mysqa_menu ul li a:active { background:#ffffff ; border-bottom:1px solid #ffffff;}
	
		#page_content { min-height:580px; height: auto !important; height: 580px;  background: url("../images/page_bg.gif") repeat-y;  padding-left: 32px; padding-right:32px; padding-top:20px; padding-bottom: 20px; line-height: 18px; }
		
		#page_content ul li { margin-left: 20px;}
		
			#page_content ul#tabmenu li { margin-left:0;}
			
			/* #page_content a { color:#0b4c8b;} */
                        #page_content a { color:#1E2A4C;}
	
	#page_image { margin-bottom:20px;}
	
	.welcome_msg { font-weight:bold;}

	h3 {font: 18px verdana, arial, sans-serif; color: #1E2A4C; border-bottom: 1px solid #dad9dd; margin-bottom: 10px; margin-top:20px; display:block; text-decoration:none; margin-top:15px;}
	/* ------ PANELS ----- */
	
	.homePanel { border: 1px solid #dad9dd; background-color:#dce1ec; width:270px;  padding-bottom:7px; float:left; margin-top:10px;}
	
	#loginPanel { margin-left:21px;}
	#signupPanel { margin-right:21px;}
	
	.panelContent { width:254px;  height: 196px;padding-bottom:8px; border:1px solid #dad9dd; background-color:#f4f2f8; margin-left:7px; margin-top:7px;}
	
		.panelContent p.panel_text { height: 78px;}
		.panelTitle { width: auto; height:43px ; background:url("../images/qs_panel_title_bg.gif") repeat-x; text-align: center; padding-top: 7px;}
		
			.panelTitle h1 { font:normal 25px verdana, arial, sans-serif; color:#bfbfbf; margin-top:0; }
			/* .panelTitle h1.emboss { font:normal 25px verdana, arial, sans-serif; color: #ffffff;  margin-bottom:-32px; } */
			
		.panelContent p { margin-left: 10px; margin-top:10px; padding-right:10px;}
                
                #signupPanel a, #activatePanel a { display: block; width: 235px; height:19px; margin-left: 8px;  margin-top:7px; background-color:#1E2A4C; font: bold 14px verdana, arial, sans-serif; text-decoration: none; padding-top:1px; padding-left: 3px; color:#FFFFFF;}
		
		#signupPanel a:hover, #activatePanel a:hover { background-color:#4A5C70;}
		
		/* #signupPanel a, #activatePanel a { display: block; width: 235px; height:19px; margin-left: 8px;  margin-top:7px; background-color:#dce1ec; font: bold 14px verdana, arial, sans-serif; text-decoration: none; padding-top:1px; padding-left: 3px; color:#928b9d;}
		
		#signupPanel a:hover, #activatePanel a:hover { background-color:#d7cee4;} */
		
		
		
		/*.login_links {margin-left: 6px; margin-top:5px; line-height: 12px;}
		
		#loginPanel a { background:none; font: 10px verdana, sans-serif; color:#6b686e; text-decoration:none;}

                #login_form { width: 230px; padding: 0 10px 0 10px; background-color: green;}

		.panelContent ul {  height: 88px;}
		
		.panelContent form { padding-top:20px; display:inline;}
		
		.panelContent .login_form_label { float:left; padding-left:8px; width: 80px; height:15px; padding-top:2px;}
		
		.panelContent .login_form_field #password, .panelContent .login_form_field #username{ width: 157px; background-color: #dce1ec; border:none; height: 18px; margin-bottom:5px; }
		
		.panelContent a.small_page_link { font: 10px verdana, arial, sans-serif; color: #8a898a; background: none;   padding-left:2px;  margin-top:6px; }
		
		.panelContent a.small_page_link:hover {background: none; color:#8a898a; text-decoration: underline;}
		
		.panelContent .submitButton {width:242px; height:50px;  background-color:#dce1ec; text-align:center; border: 1px solid #b2bacb; margin-left:6px; cursor: pointer; font: 24px verdana, arial, helvetica,  sans-serif; text-transform: uppercase; color:#6b686e; clear:right; margin-top:12px; }
	
                .lgn_frm_field {  width: 210px; height: 20px;  margin-left: 8px; }
                 
                #links_left { width: 120px; float: left; padding-left: 2px; }
                #links_left a:hover,  #links_left a:focus,  #links_left a:active { text-decoration: underline; }
                #btn_right { float: left; width: 110px;  }

                 .logn_submit { background-color: #dce1ec; width: 110px; height: 30px; border: 1px solid #b2bacb;  }

                 .form_label { margin-left: 6px;  }*/

#login_form {   margin: 2px;  padding: 8px;  font: 12px verdana, arial, sans-serif; }

.lgn_field { width: 228px; height: 22px; margin-bottom: 4px; font-size: 14px; } 

#left { font: 11px verdana, arial, sans-serif; text-decoration: none; width: 120px; float: left; margin-top: 8px;  }
	
	#left a { text-decoration: none;  }
	#left a:hover, #left a:active, #left a:focus { text-decoration: underline; }

#right {  }

#login_btn { width: 95px; height: 35px;  margin-top: 6px; margin-left: 8px;cursor: pointer; font-size: 14px; color:#FFFFFF; background-color: #1E2A4C; }
#login_btn:hover { background-color: #4A5C70}

.bottomPanels { width: 411px; height: 129px; float:left; border: 1px solid #dad9dd; background-color:#dce1ec; margin-top:20px; padding-left:7px; padding-top:7px;}
	
	#myCertificate { margin-right: 18px;}
	
		.bottomPanels .bottom_content { width:392px; height:110px; border:1px solid #dad9dd; background-color:#f4f2f8; padding: 5px;}
		
			.bottomPanels .bottom_content h2 { font:normal 18px verdana, arial, sans-serif; width: 100px; margin-bottom: 10px;}
			
			.bottomPanels .bottom_content .leftText { width: 200px; float:left; padding-top: 10px;}	
	
	.field {width: 300px; height: 21px;padding-top:3px;background-color:#f4f1f8; border:1px solid #dad9dd; margin-right: 15px;}
	
.help{
   background-image :url('../images/help.gif');
   background-repeat : no-repeat;
   float :none ;
   display: inline;
   width:100%;
}

li h3 a {font: 18px verdana, arial, sans-serif; color: #1E2A4C; border-bottom: 1px solid #dad9dd; margin-bottom: 10px; margin-top:20px; display:block; text-decoration:none; margin-top:30px;}

ul.faq_list { list-style:none; margin-left:-60px;}

/*----- FAQ PAGES ------ */

#faq_page ul li{  margin-top:15px; margin-bottom:5px;  list-style:none; padding-left:35px;}
	#faq_page ul li a{  margin-top:15px; margin-bottom:5px;  list-style:none; color:#6b686e;}
	
	#faq_page ul li ul  { background-color: #ffffff; }
	 #faq_page ul.q_list li ul li { background-color: #ffffff;  margin-top:5px; list-style:none; margin-left: 15px; height: 24px;  }
	
	
	 #faq_page ol li a{ color: #8a898a;}
	
		  #faq_page table { width:862px; border-collapse:collapse; } 
		  #faq_page table td {border: 1px solid #6a686e; padding:10px; padding-right:0;}
		  #faq_page table td.left { width:30%; padding:10px; } 
                  #faq_page table td.answer ul li { list-style: disc;  margin-left: 15px; } 
                  #faq_page table td.answer { padding-right: 10px; } 
		
	#faq_page .faq_answers { height:22px; background-color:#1E2A4C; padding-top:3px; }
		#faq_page .faq_answers a{ color:#ffffff; font: bold 12px verdana; padding-left:5px; }
		
		 #faq_page table.table2 { background-color:#f4f2f8;}
		 #faq_page table td.head{ background-color:#1E2A4C; padding:0; padding-left:5px;} 
		 #faq_page table td.head a{ color:#ffffff; font: bold 12px verdana; padding-left:5px; height:20px;}

/*.small_page_link { 
   color:  1E2A4C;
   font-size:75%;
}

.small_page_link:link    {
   color:  1E2A4C;}
.small_page_link:visited {
   color:  1E2A4C;}
.small_page_link:active  {
   color:  1E2A4C;}
.small_page_link:hover   {
   color:  black;}
*/

.wwerr {
   position:relative;
}
            
.errorMessage {
   position:absolute;
   top:-1.30em;
   font-size:75%;
   color:red;
   background-image: url('../images/warning-sign-small.gif');
   background-repeat: no-repeat;
   text-indent: 2em;
  
   height:20px;
}
            
.small_page_eg {
   color:gray;
   font-size:75%; 
}
            
.wwlbl  {
   display:inline;
}
.wwctrl {
   display:inline;
}
.wwgrp  {
   display:inline;
}

.nav_link{
   padding: 0.1em 0.1em 0em 0.5em;
   color: white;
   float:right;
font-size: 10pt;
text-decoration: none;
} 
.nav_link:link {color:  #1E2A4C;  }
.nav_link:visited {color: #1E2A4C; }
.nav_link:hover {text-decoration: underline; color: #1E2A4C; background-color: #D6CDE4;}
.nav_link:active {color:  #1E2A4C; } 

.first{
   padding: 0.1em 0.1em 0em 0.5em;
   color: white;
   float:right;
font-size: 10pt;
text-decoration: none;
} 
.first:link {color:  #1E2A4C;  }
.first:visited {color: #1E2A4C; }
.first:hover {text-decoration: underline; color: #1E2A4C; background-color: #D6CDE4;}
.first:active {color:  #1E2A4C; } 

.nav_link2{
   padding: 0.1em 0.1em 0em 0.5em;
   color: white;
   float:right;
text-decoration: none;
} 
.nav_link2:link {color:  #fff;  }
.nav_link2:visited {color: #fff; }
.nav_link2:hover {text-decoration: underline; color: #fff; background-color: #1E2A4C;}
.nav_link2:active {color:  #fff } 


.link2{
   padding: 0.1em 0.1em 0em 0.5em;
   color: white;
   float:right;
text-decoration: none;
} 
.link2:link {color:  #fff;  }
.link2:visited {color: #fff; }
.link2:hover {text-decoration: underline; color: #fff; background-color: #1E2A4C;}
.link2:active {color:  #fff } 

.page_content{
   padding:0em 2em 0em 2em;
}

.page_title{
   font-size:175%;
   font-weight:bold;
   color:#003388;
   display:block;
   padding:1em 0em 0.5em 0em;
}

.title{
   font-size:125%;
   font-weight:bold;
   display:block; 
}

.small_title{
   font-size:100%;
   font-weight:bold;
   display:block; 
}

.page_link_arrow{
   color: #1E2A4C;
}

.page_link:link    {
   color:  #1E2A4C;}
.page_link:visited {
   color:  #1E2A4C;}
.page_link:active  {
   color:  #1E2A4C;}
.page_link:hover   {
   color:  black;}

.terms{
   position:relative;
   float:left;
   top:1em;
   color:black;
}

.panel{
  /*- background-color:#d6cde4; --*/
  background-color:#1E2A4C;
  width:52%;
  border:solid 0.1em;
}

.panel2{
   width:50em;
  /*- background-color:#d6cde4; --*/
  background-color:#1E2A4C;
}

.panel3{
  /*- background-color:#d6cde4; --*/
  background-color:#1E2A4C;
  float:left;
  font-size:0.8em;
}

.panel4{
  background-color:#fff;
  float:left;
  font-size:0.8em;
}

div.separator { 

} 

div.separator ul { 

} 

div.separator li { 

} 

div.separator a { 

} 

div.separator ul a.first {
  border-right: none; 
}
 

div.separator ul a:hover, div.separator ul a:focus { 
   color: #1E2A4C; 
}

div.separator2 { 
  margin: 0; 
  color: #1E2A4C; 

} 

div.separator2 ul { 
  list-style: none; 

} 

div.separator2 li { 

} 

div.separator2 a { 

   
} 

div.separator2 ul a.link2 {
  border-right: none; 
}
 
div.separatore2 ul a:hover, div.separator2 ul a:focus { 
   color: #ffffff; 
}

input{
      font-size:100%;
      }
      
select{
      font-size:100%;
      }

/* style for field errors */

.wwerr {
   position:relative;
}

.errorMessage {
   position:absolute;
   top:-1.5em;
   font-size:75%;
   color:red;
}

label {
   position:relative;
   top:0.2em;
}

/*.submitButton {
  font-size:100%;
  background-color:1E2A4C;
  color:#fff;font-weight:bold;
  border-color:1E2A4C;
  border-top-color:#fff;
  border-left-color:#fff;
}
*/
.button {
  font-size:100%;
  background-color:#1E2A4C;
  color:#fff;font-weight:bold;
  border-color:#1E2A4C;
  border-top-color:#fff;
  border-left-color:#fff;
}

.button:hover {
    background-color:#4A5C70;
}

/*
#usernameButton { 
  display : none;
  font-size:100%;
  background-color:1E2A4C;
  color:#fff;font-weight:bold;
  border-color:1E2A4C;
  border-top-color:#fff;
  border-left-color:#fff;
}*/

#folderWrap { padding-left: 160px;}

#folderWrap ul { list-style-type: none;
                  float:left; text-align:left;}

/* -- page layout taken from individual jsps ---*/

.row2em{
  width:100%;
  
}

.row3em{
  width:100%;
  height:3em;
}

.row4em{
  width:100%;
  height:4em;
}

.row5em{
  width:100%;
  height:5em;
}

.rowprofile{
    width:96%;
    height:4em;
}

.doublerow{
  width:100%;
  height:5.25em;
}
      
.triplerow{
  width:100%;
  height:6.25em;
}

.linkrow{
  width:100%;
  height:1em;
}

.column1 {
  width: 10em;
  float: left;
}

.column2 {
  width: 21em;
  float: left;
}

.column3 {
  width: 25em;
  float: left;
}

.column4 {
  width: 20em;
  float: left;
}

.tab {
  width: 100%;
  font-size:150%;
}

.tabContent {
  overflow: auto;
  height: 100%;
  font-size:50%;
}  
      
/* -- style for MyResults ----------------------- */

.smallrow{
  width:100%;
  height:1.5em;
}

.smallcolourrow{
  width:100%;
  height:1.5em;
  /*- background-color: #D6CDE4;    --*/
  background-color: #1E2A4C;    
}

.medrow{
  width:96%;
  height:2em;
}

.column {
  float: left;
}

.node{
  width: 100%;
}

.leaf{
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.columnName {
left: 1em;
}
.columnLevel {
  left: 43em;
}

.columnAward {
  left: 55em;
}

.dataAward {
  left: 56em;
}

.columnLevel2 {
  left: 55em;
}

.columnAward2 {
  left: 64em;
}

.dataAward2 {
  left: 65em;
}

.columnSCQF {
  left: 69em;
}

.dataSCQF {
  left: 70em;
}

.columnDate {
  left: 72em;
}

/* CSS Document */

#strip1 { /*-------top (blue in this case 0c4d8c) strip that appears on every page----------*/
	width: 100%;
	background-color: #1E2A4C;   /*-------this is the blue strip it can also be purple: #dfd8ea or grey: #cccccc ----------*/
	height: 34px;
	padding-top: 3px;
}
	
	#strip1right { /*-------div to contain menu, go btn and links----------*/
		width: 75%;
		text-align: right;
		margin-right: 4px;
		float: right;
		display: none;
		}
		
		#nojavalinks{ /*-------div to links when javascript is disabled----------*/
		width: 75%;
		text-align: right;
		margin-right: 4px;
		float: right;
                color: #fff;
		}
		
		#nojavalinks li{
		display: inline;
		clear: none;
		list-style-type: none;
		list-style-image: none;
		color: #fff;  /*-------this is the white text it can also be blue: 1E2A4C for when the lilac/grey cont. strip is used ----------*/
		}

	#strip1left { /*-------div that contains SQA logo----------*/
		width:  20%;
		margin-left: 4px;
		float: left;
		}

#strip2 {
	width: 100%;
	/*- background-color: #D6CDE4;    /*-------this is now purple--------*/
        background-color: #FFFFFF;    /*-------this is now purple--------*/
	height: 80px;
}

        #strip2right {
		width: 47%;
		text-align: right;
		margin-right: 0px;
		float: right;
		}
	
	#strip2left {
		width:  50%;
                margin-top: 10px;
		margin-left: 4px;
		float: left;
		}


.strip1fonts {
	font-family:  Verdana, sans-serif;
	color: #fff;   /*--------this is now white-------*/
	
	
}

.strip2fonts {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #fff;   /*--------this is now white-------*/
	font-size: 70%;
        font-weight: bold;
}

.strip1fonts a:link {
	text-decoration: none;
	color: #fff;  /*--------this is now white-------*/
}

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

.menu {
	width: 200px;
	margin-top: 4px;
}

.go {
	margin-top: 4px;
}

#skip {
	display: none;
}

/* -- style for panels ----------------------- */
div.module { 
} 

div.container { 	
   background:#666666; 	
   -moz-border-radius:1.2em; 	
   border-radius:1.2em; 	
   border-right:solid 0.2em #cccccc; 	
   border-bottom:solid 0.2em #cccccc; 	
   margin:0.5em 0.5em 0.5em 0.5em;	
} 

/* div.container div.content {		
   padding:1.6em; 	
   background:white; 	
   -moz-border-radius:1.2em; 	
   border-style:solid;     
   border-width:0.2em;     
   border-color:1E2A4C; 
}  */



/*IE only rules*/ 

div.container { 	
   *margin:0em 0em 0em 0em; 
} 

div.container v\:roundrect {
   behavior:url(#default#VML); 	
   zoom:1;		
   *display:block; 	
   *width:100%;		
   *position:relative;	
}

div.container { 	
   filter:alpha(opacity:60) 
       progid:DXImageTransform.Microsoft.Blur(pixelradius=4); 
} 

/* div.container div.content { 	
   *position:relative; 	
   *border-width:0em; 	
   *background:transparent; 
} */

/* Results Table Styling */

.resultsWrap {border: 1px solid #dad9dd; background-color:#dce1ec; padding:7px; width:840px;  }

.resultsDetails { border:1px solid #dad9dd; background-color:#fff; padding: 8px; min-height: 150px; height: auto !important; height: 150px;}

#resultsTable {
	
	background-color:none;
}
#resultsTable td {
	padding:5px;
	vertical-align:top;
	
}
#resultsTable th {
	padding:5px;
	vertical-align:top;
	
}
#resultsTable .courseHead td {
	 background-color:#a2a2a2;
	 font-weight:bold; 	
	 color:#fff;
}
#resultsTable .course td {
	
	vertical-align:top;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d5cce3;
	background-color:#f4f2f8;
}
#resultsTable .unitTwisted td {
	background-color:#f4f2f8;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #d5cce3;
}
#resultsTable .unitHead {
	font-weight: bold;
	color:#1E2A4C;
	background-color:#dad9dd;
}
#resultsTable #head {
 	background-color:#dce1ec;
	color:#6b686e;
}


/* ------------------------ 	NEW STYLES ------------------------*/

.column1 { width: 150px; height: 24px; float:left; padding-top:4px; margin-right:10px;}
.column4 { margin-bottom: 25px; float:left; width: 500px; }
		.column4 a { margin-left: 5px; }
		
.field { width: 300px; height: 20px;padding-top:4px;background-color:#f4f1f8; border:1px solid #dad9dd; margin-right: 15px; font: 12px verdana, arial, sans-serif; color:#333333}
.field2 { width: 175px; padding-top:4px;background-color:#f4f1f8; border:1px solid #dad9dd; margin-right: 15px; font: 12px verdana, arial, sans-serif; color:#333333}
.postcode { width: 80px; height: 20px;padding-top:4px;background-color:#f4f1f8; border:1px solid #dad9dd; margin-right: 15px; font: 12px verdana, arial, sans-serif; color:#333333}

.dobMonth {height:20px; text-align:center;margin-right:5px;padding-top:4px; padding-left:8px; padding-right:8px;background-color:#f4f1f8; border:1px solid #dad9dd; font: 12px verdana, arial, sans-serif; color:#333333}

.form_label { width:152px; float:left; margin-bottom:5px; padding-top:4px; padding-right:10px;}
.form_field { width: 550px; margin-bottom: 13px; float:left;}

.activateBtn { width:462px; height: 40px; background-color:#1E2A4C; border: 1px solid #b2bacb; font: 24px verdana, arial, sans-serif; text-transform:uppercase;color:#FFFFFF; cursor:pointer;}
.activateBtn:hover { background-color:#4A5C70;}
/*.activateBtn { width:462px; height: 40px; background-color:#dce1ec; border: 1px solid #b2bacb; font: 24px verdana, arial, sans-serif; text-transform:uppercase;color:#6a686e; cursor:pointer;}*/

.captchaBtn { background-color:#ffffff; color:#6b686e; border:none;  border-bottom:1px solid #6b686e; cursor:pointer; width: 90px; padding-top:4px; margin-left: 8px;}

.profile_section {width: 800px; clear:both; margin-bottom:30px;}