/**************
Career Compass Template CSS Document
Version 0.1
Luke Holder 25/2/09
*/



/**************
CSS RESET
**************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

textbox, textarea
{
	font: normal 11px Arial, Helvetica, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html{
overflow:hidden;

}


/*************************
Body / Background / Static
*************************/

body{
background-image:url(./CCsiteImages/CCgrassSkyClouds-Body-BG.png);
background-repeat:repeat-x;
background-color:#8cc63f;
height:100%;
font: normal 12px Arial, Helvetica, sans-serif;
}

body#CCwelcome{
background-image:url(./CCsiteImages/CCgrassSkyCloudsWelcome-Body-BG.png);
background-repeat:repeat-x;

background-color:#8cc63f;
height:100%;

}





#CCcontainer * { zoom:1; }


#CCcontainer{
width:960px;
margin-left: auto;
margin-right: auto;
}








/**************
Header
**************/
#CCheader{
height:67px;
width:960px;
/*margin-left: auto;
margin-right: auto;*/
margin-top:3px;


}

#CCheader H1{
background-image:url(./CCsiteImages/CCtitleAndLogo-H1.png);
background-repeat:no-repeat;
text-indent:-9999999px;
margin-left:10px;
width:303px;
height:57px;
}

#DummyH1{
text-indent:-9999999px;
margin-left:10px;
width:303px;
height:57px;
}

#login #CCheader H1{
margin:10px;
}

#CCsessionBox{
font: normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:right;
margin-right:40px;
text-align:right;
margin-top:-60px;


}


/***********
Middle of Layout
*************/
#CCcontent
{
    position:relative;
    margin-top:-23px; /* Temp Fix */
width:960px;
margin-left: auto;
margin-right: auto;

}

#CCWelcomeMsg
{
    background-image:url(./CCsiteImages/CCwelcomeToCareerCompass.png);
    background-repeat:no-repeat;
    width:670px;
    height:289px;
    display:block;
    text-indent:-99999px;
    margin-top:0px;
}
#CCEnjoyTheJourney
{
    background-image:url(./CCsiteImages/CCenjoyTheJouney.png);
    background-repeat:no-repeat;
    width:720px;
    height:289px;
    display:block;
    text-indent:-99999px;
    margin-top:0px;
}
#CCfireworks
{
    background-image:url(./CCsiteImages/CCfireworks.png);
    background-repeat:no-repeat;
    width:805px;
    height:477px;
    display:block;
    text-indent:-99999px;
    margin-top:0px;
}

#CCfireworksExtras
{
    background-image:url(./CCsiteImages/planeBanner.png);
    background-repeat:no-repeat;
    z-index: 99;
    top: -10px;
    width:488px;
    height:60px;
    float: right;
    margin-right:20px;
    position: relative;
}
#BGroad
{
    position:absolute;
    right:-85px;
    top:350px;
    background-repeat:none;
    width:409px;
    height:426px;
    z-index:-999;
}

.CCbgRoad1
{
    position:absolute;
    right:-85px;
    top:350px;
    background-image:url(./CCsiteImages/CCroadLargeBG-purple.png);
    background-repeat:none;
    width:409px;
    height:426px;
    z-index:-999;

}
.CCbgRoad2
{
    position:absolute;
    right:-85px;
    top:350px;
    background-image:url(./CCsiteImages/CCroadLargeBG-orange.png);
    background-repeat:none;
    width:409px;
    height:426px;
    z-index:-999;

}
.CCbgRoad3
{
    position:absolute;
    right:-85px;
    top:350px;
    background-image:url(./CCsiteImages/CCroadLargeBG-blue.png);
    background-repeat:none;
    width:409px;
    height:426px;
    z-index:-999;

}
.CCbgRoad0
{
    position:absolute;
    right:-85px;
    top:350px;
    background-image:url(./CCsiteImages/CCroadLargeBG-brown.png);
    background-repeat:none;
    width:409px;
    height:426px;
    z-index:-999;

}
/**************
Choose Level
**************/

#CCpath
{
padding-top:15px;
width:500px;
margin-left: auto;
margin-right: auto;
padding-bottom:15px;
}

/**************
Choose Avatar / Welcome
**************/

#CCavatarsGroup
{
 display:block;
 margin-top:20px;  
 width:  300px;
}
#CCavatarsGroup ul
{
 display:inline;
}
#CCavatarsGroup ul li
{
 display:inline;
}
.roadName
{
    
    width:100px;
    text-align:center;
   
}

/**************
Compass card Avatars Small
**************/
#CCpersonalIcons
{
    float:right;
padding-top:11px;
padding-right:40px;
    
}
#CCpersonalIcons > div
{
    float:right;
    margin-left:25px;
}
.CCpercentage
{
font: normal 28px Arial, Helvetica, sans-serif;
color:Red;
        height:45px;
    width:45px;
    padding-top:8px;

}

.printCCButton
{
    background-image:url(./CCsiteImages/printer.png);
    height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar1
{
    background-image:url(./CCsiteImages/Avatar1Small.png);
    height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar2
{
    background-image:url(./CCsiteImages/Avatar2Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar3
{
    background-image:url(./CCsiteImages/Avatar3Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar4
{
    background-image:url(./CCsiteImages/Avatar4Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar5
{
    background-image:url(./CCsiteImages/Avatar5Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar6
{
    background-image:url(./CCsiteImages/Avatar6Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar7
{
    background-image:url(./CCsiteImages/Avatar7Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar8
{
    background-image:url(./CCsiteImages/Avatar8Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar9
{
    background-image:url(./CCsiteImages/Avatar9Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.avatar10
{
    background-image:url(./CCsiteImages/Avatar10Small.png);
        height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
}
.road1
{
    background: url(./CCsiteImages/road1Small.png) no-repeat center top;
    height:45px;
    width:45px;
    float:right;
    text-indent:-99999999px;
}
.road2
{
    background: url(./CCsiteImages/road2Small.png) no-repeat center top;
        height:45px;
    width:45px;
    float:right;
    text-indent:-99999999px;
}
.road3
{
    background: url(./CCsiteImages/road3Small.png) no-repeat center top;
        height:45px;
    width:45px;
    float:right;
    text-indent:-99999999px;
}
.road1off
{
    background: url(./CCsiteImages/road1SmallOff.png) no-repeat center top;
    height:45px;
    width:45px;
    float:right;
    text-indent:-99999999px;
}
.road2off
{
    background: url(./CCsiteImages/road2SmallOff.png) no-repeat center top;
        height:45px;
    width:45px;
    float:right;
    text-indent:-99999999px;
}
.road3off
{
    background: url(./CCsiteImages/road3SmallOff.png) no-repeat center top;
        height:45px;
    width:45px;
    float:right;
    text-indent:-99999999px;
}
/**************
Compass Card Layout
***************/



#CCcompassCard{
width:638px;
height:358px;
position:absolute;
background-image:url(./CCsiteImages/CCcompasCardWhite.png);
background-repeat:no-repeat;
}


#CCcompassCardHeader{

height:60px;
display:block;

}


#CCcompassCardHeader h1{
font: normal 20px Arial, Helvetica, sans-serif;
color:#013e7e;
padding-top:24px;
padding-left:5px;
float:left;

}
#CCcompassCardHeader input{
line-height:20px;
width:200px;
font: normal 18px Arial, Helvetica, sans-serif;
color:#013e7e;
margin-top:24px;
margin-left:5px;

float:left;
}
#CCredlogoSmall
{
    background-image:url(./CCsiteImages/CCcompasCardWhiteTopH1-BG.png);
    height:45px;
    width:45px;
    background-repeat:no-repeat;
    text-indent:-99999999px;
    float:left;
    margin-left:25px;
    margin-top:13px;
}

#CCcompassCardContent h2
{

    padding-top:24px;
       line-height:22px;
font: bold 12xp Arial, Helvetica, sans-serif;
padding-left:20px;

}

#CCcompassCardContent h3
{

    padding-top:24px;
       line-height:22px;
font: bold 12xp Arial, Helvetica, sans-serif;
padding-left:3px;

}
#CCcompassCardContent{

/*width:570px;
height:265px;
margin-left:30px;*/
width:480px;
height:265px;
margin-left:30px;

}

#CCcompassCardContentMin{

/*width:570px;
height:265px;
margin-left:30px;*/
width:480px;
margin-left:30px;

}


#CCcompassCardContent p{
font: normal 12px Arial, Helvetica, sans-serif;

padding-top:25px;

line-height:20px;
text-align:justify;

}
strong
{
    font-weight:bold;
}




.CCnextButton
{
    float:right;
    width:100px;
}
.CCpreviousButton
{
    float:left;
    width:100px;
   
}

.CCforgotButton
{
    float:left;
    width:100px;
   
}


.CCsignupButton
{
    width:330px;
}

#CCcompassCardContent li
{
    line-height:20px;
}

#CCcompassCardContent a
{
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: #444;

}
#CCcompassCardContent a:link
{
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: #444;

}
#CCcompassCardContent a:visited
{
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: #444;

}
#CCcompassCardContent a:hover
{
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: #444;


}
#CCcompassCardContent a:active
{
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: #444;

}

.CCRemoveSavedJob
{
    margin-left:20px;
    padding-left:20px;
}
.CCsavedJobs
{
    margin-top:20px;
    padding-left:20px;
}
.CCRemoveSavedJob
{
background-image:url(./CCsiteImages/RemoveJobButton.png);
background-repeat:no-repeat;
height:20px;
width:20px;
text-indent:99999px;
}


#CCcompassCardFooter{

font: bold 12px Arial, Helvetica, sans-serif;
padding-top:10px;
padding-left:50px;
padding-right:50px;
line-height:22px;
text-align:justify;
height:59px;


}






/******************
Question Screen Specific

******************/


#CCsignGreenLarge{
background-image:url(./CCsiteImages/CCsignGreenLarge-BG.png);
background-repeat:no-repeat;
height:1000px;
width:960px;
padding-left:55px;
padding-top:40px;
margin-top:30px;
}

#CCsignGreenXtraLarge{
background-image:url(./CCsiteImages/CCsignGreenXtraLarge-BG.png);
background-repeat:no-repeat;
height:1000px;
width:960px;
padding-left:32px;
padding-top:40px;
margin-top:50px;
}
#CCsignGreenLargeContents
{
width:660px;
height:360px;
color:#FFFFFF;
font: normal 12px Arial, Helvetica, sans-serif;
padding-left:3px;
padding-top: 13px;
}

#CCcompassCardMiddle
{
	padding-top: 15px;
}

#CCquestionHeader
{
font: normal 18px Arial, Helvetica, sans-serif;
padding-left:327px;
}

#CCquestionHeaderLeft
{
font: normal 18px Arial, Helvetica, sans-serif;
padding-left:20px;
}

#CCneither
{
    padding-left:10px;
}
#CClike
{
    padding-left:12px;
}

#CCprefrence
   
{ 
    padding-left:22px;
}

#CCsignGreenLargeFooter
{
width:660px;
height:50px;
margin-top:-40px;
}
#CCsignGreenLargeFooterExtras
{
width:680px;
height:50px;
margin-top:80px;
}
#CCsignGreenLargeFooterChild
{
    float:right;
}

#CCquestion1
{
    border-bottom:dotted 5px white;
    padding-bottom:30px;

}

.CCquestion
{
padding-left:300px;
height:55px;
padding-top:0px;

}
.CCquestion legend
{
margin-left:-300px;
margin-top:18px;
font: normal 18px Arial, Helvetica, sans-serif;
}
.CCquestion a
{
    margin-top:-48px;
    margin-left:30px;
}

/*********
Begin Journey
***********/

#CCsignGreenSmall{
background-image:url(./CCsiteImages/CCsignGreenSmall-BG.png);
background-repeat:no-repeat;
height:1000px;
width:960px;
padding-left:55px;
padding-top:60px;

padding-bottom:20px;
}
#CCsignGreenSmallContents
{
    width:300px;
    color:#FFFFFF;
font: normal 12px Arial, Helvetica, sans-serif;
}
#CCsignGreenSmallContents h2
{
color:#FFFFFF;
font: normal 24px Arial, Helvetica, sans-serif;
padding-top: 12px;
}
#CCsignGreenSmallContents p
{
padding-top:20px;
font-size: 16px;
}

#ButtonArea
{
    margin-top:20px;
}

/*********
Results Chart
***********/
#CCresultsChart{
height:200px;
width:600px;
padding-top:8px;
padding-left:20px;
color:White;
background-image:url(./CCsiteImages/CCchartResultsBG4.png);
background-repeat:no-repeat;
}

#CCresultsChartHeadings
{
	padding-bottom: 10px;
	padding-left: 182px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: Transparent ;
	font-variant: small-caps;
	width: 315px;
}

.colCCHeading1
{
	width: 105px;
	text-align: center;
}

.colCCHeading2
{
	width: 105px;
	text-align: center;
}

.colCCHeading3
{
	width: 105px;
	text-align: center;
}


/* CHART LISTS */
.chartlist 
{
  
  float: left; 
  width:490px;
}
#CCresultsChart li  
{
  color :black;
  position: relative;
  display: block;
  margin-bottom:3px;/*4px*/
  _zoom: 1;
}
#CCresultsChart li a 
{
    color:black;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  display: block; 
  /*padding: 0.4em 4.5em 0.4em 0.5em;*/
  padding:5px;
  position: relative; 
  z-index: 2; 
}
#CCresultsChart li a:link  
{
    color:black;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  display: block; 
 /* padding: 0.4em 4.5em 0.4em 0.5em;*/
  position: relative; 
  z-index: 2; 
}
#CCresultsChart li a:visited 
{
  color:black;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  display: block; 
  /*padding: 0.4em 4.5em 0.4em 0.5em;*/
  position: relative; 
  z-index: 2; 
}
#CCresultsChart li a:hover 
{
    color:black;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  
  display: block; 
 /* padding: 0.4em 4.5em 0.4em 0.5em;*/
  position: relative; 
  z-index: 2; 
}
#CCresultsChart li a:active 
{
    color:black;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-decoration:none;
  
  display: block; 
/*  padding: 0.4em 4.5em 0.4em 0.5em;*/
  position: relative; 
  z-index: 2; 
}
.chartlist .count { 
  display: block; 
  position: absolute; 
  top: 0; 
  right: 0; 
/*  margin: 0 0.3em; */
  text-align: right; 
  color: #999; 
  font-weight: bold; 
  /*font-size: 0.875em; 
  line-height: 2em; */
}
.chartlist .index { 
  display: block; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  background: #C1ABD3; 
  text-indent: -9999px; 
  overflow: hidden; 
  /*line-height: 2em;*/
}
.chartlist li:hover { 
  /*background: #EFEFEF; */
}






/**************
Brown Folder

***********/


#CCbrownFolder{
background-image:url(./CCsiteImages/CCbrown-Folder-BG.png);
height:650px;
width:555px;
position:relative;

background-repeat:no-repeat;
padding-top:30px;
padding-left:40px;
}
#CCreturntointerest
{
    margin-bottom:25px;
    padding-left:32px;
}
#CCreturntointerest a
{
    font: normal 12px Arial, Helvetica, sans-serif;
    color:Black;
    
}
#CCreturntointerest a:link
{
    font: normal 12px Arial, Helvetica, sans-serif;
    color:Black;
    
}
#CCreturntointerest a:visited
{
    font: normal 12px Arial, Helvetica, sans-serif;
    color:Black;
    
}
#CCreturntointerest a:hover
{
    font: normal 12px Arial, Helvetica, sans-serif;
    color:Red;
    
}
#CCreturntointerest a:active
{
    font: normal 12px Arial, Helvetica, sans-serif;
    color:Black;
    
}

#CCbrownFolder h2{
 font: normal 18px Arial, Helvetica, sans-serif;
text-indent:-8px;
float:left;

}

#CCbrownFolderContent
{
    
    height:410px;
    width:440px;
float:left;
}
#CCbrownFolderContentTree
{
    margin-top:40px;
    height:410px;
    width:430px;
    overflow-y:scroll;
    
}
#CClevelOptions
{
    float:right;
    margin-top:-15px;
}

/******************
Hidden Where People Work Stuff
********************/ 
.qtip-content p
{
    font-weight:bold;
    
}
.qtip-content ul, .qtip-content ul
{
    list-style-type:square;
    list-style-position:outside;
    padding-left:10px;
    
    
}


/******************
Job card
********************/ 

#CCjobCard{
background-image:url(./CCsiteImages/CCjobCardYellowBG.png);
background-repeat:no-repeat;
height:478px;
width:450px;
position:absolute;
right:20px;
top:55px;
padding-top:12px;




}



.CCjobCardContent
{
width:420px;
font: normal 12px Arial, Helvetica, sans-serif;
line-height:18px;


}
.CCjobDetail
{
    height:380px;
    width:330px;
    padding-left:40px;
    padding-right:10px;
    overflow-y:auto;
    
    
}

#CCjobCard H3
{
font-size:18px;
margin-bottom:15px;
    margin-left:20px;
}

.CCjobDescription
{
    margin-top:20px;

}

.CCjobDescription p
{
   /* padding-bottom:10px; */  
}
.CCjobInfo
{
    margin-top:20px;

}

.CCwherePeopleWork
{
    margin-top:20px;

}

.ccSimilarJobs
{
   
}
#CCjobCard ul, #CCjobCard li
{
    
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
	
    
}
.ccSimilarJobs
{  
     margin-top:20px;
    margin-bottom:50px;
}


#CCjobButtons
{
    width:450px;
    padding-left:20px;
    padding-top:0px;
    padding-right:0px;
}








/**********
Login Box
********/

#CCloginBox{
	/** width:326px; **/
	width:276px;
	height:382px;
	background-image:url(./CCsiteImages/CCsignGreenLoginSmall-BG.png);
	background-repeat:no-repeat;
	padding-top:90px;
	padding-left:55px;
margin-left: auto; margin-right: auto;
margin-top:30px;
}

#CCloginBox h1{
text-indent:-99999px;
display:none;
visibility:hidden;

}
#CCloginBox label{

font: normal 12px Arial, Helvetica, sans-serif;
color:White;
text-align:left;
font-weight: bold;
display:block;
padding-bottom:4px;

}
#CCloginBox label a {

font: normal 13.5px Arial, Helvetica, sans-serif;
color:White;
text-align:left;
font-weight: bold;
padding-top:8px;
padding-bottom:0px;

}
#CCloginBox p{

font: normal 12px Arial, Helvetica, sans-serif;
color:White;

}
.LoginTextBox
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  display:block;
  font-weight:normal;
  background-color:#ffffff;
  border-style:none;
  /*border-color:#ffffff;
  
  border-width:3px;*/
  color:#000000;
  padding:5px;
  width:220px;
  display:block;
    
}



/***************
Accordian
****************/
	
	.accordion { width: 400px; list-style-type: none; padding: 0; padding-top:0px; margin: 0 0 30px; }
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { background: #c69c6d; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
	.accordion li.active>a { background: url('./CCsiteImages/close.gif') no-repeat center right; }
	/*..accordion li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
	*/
	.accordion a { text-decoration: none;  font: 12px Arial, Helvetica, sans-serif; color: #222;line-height:25px; padding: 0 10px; display: block; cursor: pointer; background: url('./CCsiteImages/open.gif') no-repeat center right;}
	
	
	/* Level 2 */
	.accordion li ul li { background: #aa8055; font: 12px Arial, Helvetica, sans-serif; text-indent:20px;line-height:25px;}
.accordion li ul li a { background: none; font: 12px Arial, Helvetica, sans-serif; text-indent:20px; line-height:25px;}
.accordion li ul li.active a { background: none; font: 12px Arial, Helvetica, sans-serif; text-indent:20px; line-height:25px;}


/*************

Input buttons

***************/



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.Button {
    background: transparent url('./CCsiteImages/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}

a.PopupButton {
    background: transparent url('./CCsiteImages/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}

a.PopupButton span {
    background: transparent url('./CCsiteImages/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    cursor: pointer;
    float: right;
} 
a.Button span {
    background: transparent url('./CCsiteImages/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    cursor: pointer;
    float: right;
} 
a.PopupButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}
a.Button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}
a.PopupButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}

a.Button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
    cursor: pointer;
} 

a.loginButton
{
    margin-right: 45px;
    width:100px;
    float: right;
}

a.forgotButton
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:White;
	text-align:left;
	font-weight: bold;
	display:block;
	padding-bottom:4px;

    float: left;
    width:100px;
}

a.CCwelcomeButton
{
    
    float: right;
}

/***************
Other

***************/
div#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 238px;
width: 232px;
background: url(./CCsiteImages/CCtopRightBanner.png) no-repeat;
text-indent: -999em;
text-decoration: none;
}


/* ~/Signup.aspx */
#signup { margin: 50px 195px; width: 355px;}
#signup h1 { margin: 0 0 10px 0; padding: 0; border:0; }
#signup table { margin: 0 0 10px 0; border: none; width: 355px; }
#signup td { padding: 5px; }

/* ~/Final.aspx */
#final p { margin-top:20px; font-size: 16px; }
#final ul {	list-style-type:circle; padding-left:20px; padding-top: 12px; font-size: 16px; }
#final a
{
    color:White;
}


/* ~/ForgotPassword.aspx */
#passwordrecovery { margin: 50px; }
#passwordrecovery .container { width: 300px; margin-left: auto; margin-right: auto; }
#passwordrecovery h1 { margin: 0 0 10px 0; padding: 0; }
#passwordrecovery p { margin: 10px 0 0 0; padding: 0; }
#passwordrecovery label { display: block; font-weight: bold; }
#passwordrecovery input.text { width: 295px; }

/* <asp:DetailsView /> */
.dv {  border: solid #31373D 1px; border-collapse: collapse; }
.dv td { padding: 4px; }
.dvh { text-align: right; white-space: nowrap; color: #fff;  font-weight: bold; }
.dvl { text-align: left; white-space: nowrap; color: #fff;  font-weight: bold; font-size:120% }


radgrid table.ragrid  tr  td
{
     padding: 0;
}



/* fieldset styling */
#feedback fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  /*border : 1px solid #ccc;*/
  background-color:#008345
}

/* legend styling */
#feedback legend {
  font-weight: bold;
  font-size:1.2em;
  padding-bottom:20px;
}
h2#FeedbackThanks
{
  font-weight: bold;
  font-size:2em;
  padding:5px;
  color:White;
}
/*
form p {
  position: relative;
  width: 100%;
}
*/
/* style for  labels */
#feedback .textarea{
  float: left;
  width: 20em;

}
#feedback label {
  float: left;
  width: 10em;
}



/* style for required labels */
#feedback label .required {
  font-size: 0.83em;
  color:#760000;
}

#feedback input {
  width: 200px;
}

#feedback input[type="text"], textarea {
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#feedback input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
#feedback input:focus, textarea:focus {
  background: #ffc;
}

#feedback input.radio {
  float: left;
  margin-right: 1em;
}

#feedback textarea {
  width: 400px;
  height: 100px;
}

/*********************************/
/**     EXTRAS TAB CONTROL		**/
/*********************************/

.ExtrasTabStrip
{
	padding-left: 9px;
}

.pageView
{
    border: none;
    border-top: solid 2px #ffffff;
    margin-top: -1px;
    height: 475px;
}
.SelectedTab
{
	background-color: #000000;
	color: #ffffff;
}

.CustomTab
{
	
}

.DisabledTab
{
	font-style: italic;
	cursor: default;
}

.HoveredTab
{
    text-decoration: underline !important;
}

.ExtrasHeader
{
	font: normal 24px Arial, Helvetica, sans-serif;
	padding-left:20px;
	color:#FFFFFF;
	padding-top: 12px;
}

.ExtrasHeaderInterestArea
{
	font: normal 18px Arial, Helvetica, sans-serif;
	padding-left: 0px;
	color: #FFFF00;
}

.ExtrasNormal
{
	font: normal 16px Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
    line-height:22px;
}

.ExtrasNormal p
{
	font: normal 16px Arial, Helvetica, sans-serif;
}

.ExtrasTable
{
	width: 100%;
	padding-left:20px;
	padding-right:10px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}

.ExtrasTableAlt
{
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}

.ExtrasTable thead td
{
	font-weight: bold;
	text-align: center;
	font: normal 18px Arial, Helvetica, sans-serif;
}

.ExtrasTable td
{
	border: solid 1px #ffffff;
	padding: 0px;
	font: normal 16px Arial, Helvetica, sans-serif;
}

.ExtrasTableAlt td
{
	border: none 0px #ffffff;
	padding: 0px;
	vertical-align: top;
	font: normal 16px Arial, Helvetica, sans-serif;
}

.ExtrasTableAlt ul
{
	list-style-type: square;
}


.ReadOnly
{
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #CCFF99;
}

.ExtrasHyper
{
	color: #9999FF;
	font-size: 16px;
}

.ExtrasHyper:visited
{
	color: #9999FF;
	font-size: 16px;
}

.ExtrasHyper:hover
{
	color: #9999FF;
	font-size: 16px;
	font-weight: normal;
}
.ExtrasPanelGroup
{
	border: 1px solid #999999;
	padding: 10px;
	height: 320px;
}

.ExtrasJobPanel
{
	padding:10px;
    margin:5px;
	
}
.PopupScrollBox		/*  default height is overwritten in control itself */
{
	overflow: auto ;
	height: 300px;
	background: whitesmoke;
	border: 1px solid #6F9FA8;
	width: 99%;
}