body { font-size:100%; font-family: Verdana,Arial, sans-serif; font-weight:normal; }

#IntroductionHeading { width:965px; }

p { font-size:100%; font-family: Verdana,Arial, sans-serif; font-weight:normal; }

h1.GoResourcingLogo {display:none; width: 270px; height: 90px; padding: 0px; float: right; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;}
h1.GoResourcingLogo {display:none; background-image: url(../ImagesGoResourcing/GoResourcingLogo.jpg); background-repeat: no-repeat;}
h1.GoResourcingLogo span, h1.GoResourcingLogo span {display: none;}

#HeaderWrapper { padding-top:20px; } /* added 30/06/09 after h1.GoResourcingLogo set to display:none */

a { color:#ffffff; }
a:link { color:#ffffff; }
a:hover { color:#0c1e3c; }
a:visited { color:#ffffff; }

#PageSearchControlsWrapper {
	width: 435px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}

#PageSearchControls {margin: 0px; padding: 0px;}

label {
	display: block;
	margin: 0px;
	padding: 0px;
}

/*
.Row {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
*/

/* note replaced by generic style classes below for final site */
.AssetTextInputBoxStyleOne {
	background-color: #c3e6f1;
	width: 400px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.AssetTextInputBoxStyleTwo {
	background-color: #c3e6f1;
	width: 250px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* end - COLUMN 1 - STYLING FOR SEARCH INPUT BOXES AREA - end */



/* start - COLUMN 2 - STYLING FOR RESULTS AREA - start */

#SearchResultsWrapper {
	width: 480px;
	margin: 0px;
	padding: 0px;
	float: none;
}

#IndexAndUploadWrapper {
	width: 480px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul {margin: 0px; padding: 0px; list-style-type: none;}
ul li {margin: 0px; padding: 0px;}

a.ProjectStyleOne {
	margin: 0px;
	padding: 5px;
	background-color: #c3e6f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	display: block;
	text-decoration: none;
	color: #0c1e3c;
}

a:hover.ProjectStyleOne {
	margin: 0px;
	padding: 5px;
	background-color:#0c1e3c;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 72%;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	display: block;
	text-decoration: none;
}

a.ProjectStyleTwo {
	margin: 0px;
	padding: 5px;
	background-color: #E4F7FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	display: block;
	text-decoration: none;
	color: #0c1e3c;
}

a:hover.ProjectStyleTwo {
	margin: 0px;
	padding: 5px;
	background-color:#0c1e3c;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 72%;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	display: block;
	text-decoration: none;
}

/* end - COLUMN 2 - STYLING FOR RESULTS AREA - end */


.iconWrapper
{
    width: 97px;
	height: 113px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.menuLinksWrapper
{
	width: 383px;
	margin: 0px;
	padding: 0px;
	float:left;
}



/* -------- DL added styles below ------ */

p {
	font-family: Arial,Verdana, sans-serif;
	font-size: 72%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0c1e3c;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	line-height: 1.2em;
}


/*
.row 
{
    width:100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
*/


/* -------- GENERIC CONTENT COLUMN 1 AND 2 WRAPPERS FOR USE ON ALL PAGES ------- */

#ContentColumnOneWrapper 
{
	width: 435px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color: #87cce3; 	
}

#ContentColumnTwoWrapper
 {
	width: 480px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #87cce3; 
}

/* -------------- FORM STYLING ----------- */


 select {line-height:100%; } 
option { line-height:100%;}
input{ line-height:100%; }

.labelStyle
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 72%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0c1e3c;
	padding: 0px;
	padding-bottom:5px;
	padding-top:20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left; /* ??? */
}

.inputRowWrapper
{
    padding:0px; margin:0px; width:99%; display:block; padding-bottom:10px;
}

.buttonWrapper
{
    padding:0px; margin:0px; width:99%; padding-top:20px; padding-bottom:10px; display:block;
}


.textInputBoxStyleOne {
	background-color: #c3e6f1;
	width: 400px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.textInputBoxStyleTwo {
	background-color: #c3e6f1;
	width: 250px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.textInputBox100px {
	background-color: #c3e6f1;
	width: 100px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;
}

.textInputBox350px {
	background-color: #c3e6f1;
	width: 350px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.textInputBox400px {
	background-color: #c3e6f1;
	width: 400px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;
}

.textareaStyle350px
{
    background-color: #c3e6f1;
	width: 350px;
	margin:0px; padding:0px;
}

.textareaStyle400px
{
    background-color: #c3e6f1;
	width: 400px;
	margin:0px; padding:0px;
}

.validationMsg
{
    display:none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 72%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	padding: 0px;
	padding-bottom:3px;
	padding-top:3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.validationMsgRed
{
    display:none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 72%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ab1234;
	padding: 0px;
	padding-bottom:3px;
	padding-top:3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.dlNote
{
    font-style:italic; color:#ab1234;
}


/* ----------- MODAL BG AND AJAX MESSAGE POPUP STYLING ---------- */


    #ModalBg
    { 
        position:absolute; left:0px; top:0px; width:100%; height:100%;
        background-color:#000000; z-index:2500; visibility:hidden;
        opacity:0.7; filter:alpha(opacity=70);
    }
    
    
    /* MODAL MESSAGE BOX STYLING */
    
    #ModalMsgText
    {
        display:block; float:left; width:100%; padding:0px; margin:0px; 
        line-height:72%; color:#000099; padding-top:3px; padding-bottom:5px;
    }
  /*  
    #ModalMsgOkBtn
    {
        font-size:75%;	background-color: #dddddd;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
    }
   */ 

    #ModalOkMsgText a {color:#333333; text-decoration:underline; }
    
    #ModalOkMsgBox
    {
        position:absolute; left:39%; top:50px; width:240px; padding:10px; text-align:left;
        z-index:9600; visibility:hidden;
        color:#333333; background-color:#f2f2f2;
		border:6px solid #444444;
    }
    
    #ModalOkMsgBox .row { display:block; margin:0px;padding:0px; float:left; 
       width:100%; padding-top:5px; padding-bottom:5px; }
    
    
    /* ANIMATED AJAX LOADING MESSAGE */

    #AnimatedMsgBox
    {
        position:absolute; left:-500px; top:-100px; width:250px; padding:5px; text-align:left;
        background-color:#ffffff; z-index:9500; visibility:hidden;
		border:1px solid #cccccc;
    }
    
    #AnimatedMsgbox .loadingText
    {
        display:block; float:left; font-size:90%; padding-bottom:1px; font-family:verdana,helvetica,arial,sans;
        vertical-align:middle; font-weight:normal;
    }
    
    .loadingMsgRow
    {
        vertical-align:middle; /* height:32px; */ display:block; float:left; width:100%; 
        padding:0px; margin:0px; padding-top:5px; padding-bottom:5px; 
    }
    
    .loadingImg 
    { 
        border:0px; margin:0px; padding:0px; width:48px; height:48px; 
        display:block; float:left; margin-right:5px;
        background-image:url(../ImagesGoResourcing/indicator.gif);
	    background-repeat: no-repeat;
	    background-position:0px 0px;
    }
    
    .loadingText
    {
        display:block; float:left; font-size:90%; padding-bottom:1px; font-family:verdana,helvetica,arial,sans;
        vertical-align:middle; font-weight:normal; /* line-height:32px; */
    }

    

    /* ------------ RESULTS HTML TABLE STYLING --------------- */
    
    table { border:0px; border-color:#ffffff;}
      
    th
    {	
	    background-color: #0c1e3c;
	color: #ffffff; margin:0px; padding-left:5px; padding-right:5px;  
	    font-weight:bold; padding-top:7px; padding-bottom:7px;	
	    font-size:72%;
	    border-bottom:1px solid #ffffff; 
	    font-weight:bold;
	    font-family:arial,Verdana,sans-serif;
    }

    th a { color:#ffffff; text-decoration:underline; }
    th a:hover { color:#f2f2f2; text-decoration:underline;  }  

    .headerTextWrapper a { color:#ffffff; text-decoration:underline; }
    .headerTextWrapper a:hover { color:#f2f2f2; text-decoration:underline;  } 
 
 /*       
    .searchResultsHeaderRow
    {
	    background-color:#f2f2f2; margin:0px; padding:5px; 
	    font-weight:bold; padding-top:7px; padding-bottom:7px;
	    border-bottom:1px solid #ffffff; color:#fff; 
	    border:0px;
    }
    
  */  
    .searchResultsRowNormal
    {
	    background-color: #c3e6f1;
	    color: #0c1e3c;
	    margin:0px; padding:0px;
	    border-bottom:1px solid #000000;
    }
    
    .searchResultsRowAlternate
    {
        color: #0c1e3c;
	    background-color: #E4F7FA;
	    margin:0px; padding:0px;
    }
    
    .searchResultsHighlight 
    {
	    background-color: #00ccff; color:#333333;
	    cursor: pointer;
    }


    .searchResultsHeaderRow td, .searchResultsRowNormal td, .searchResultsRowAlternate td, .searchResultsHighlight td, .searchResultsSelected td
    {
	    border-right: 0px solid #29247B; font-size:72%;
	    padding:5px; border-bottom:1px solid #ffffff; margin:0px;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    font-family: Arial, Helvetica, sans-serif;
    }
    
    
    .searchResultsHeaderRow td a, .searchResultsRowNormal td a, .searchResultsRowAlternate td a, .searchResultsHighlight td a, .searchResultsSelected td a
    { color:#333333; text-decoration:underline; }
    
    .searchResultsHeaderRow td a:hover, .searchResultsRowNormal td a:hover, .searchResultsRowAlternate td a:hover, .searchResultsHighlight td a:hover, .searchResultsSelected td a:hover
    { color:#666666; text-decoration:underline; }
 
    .searchResultsHeaderRow td a:visited, .searchResultsRowNormal td a:visited, .searchResultsRowAlternate td a:visited, .searchResultsHighlight td a:visited, .searchResultsSelected td a:visited
    { color:#333333; text-decoration:underline; }
    
    .searchResultsRowHover
    {
        margin:0px; 
	    background-color:#00ccff;
	    color: #333333;
    }
    
    
    /* ------ animated spinner and spinner message styling ---- */
    
    .spinnerImg 
    { 
        border:0px; margin:0px; padding:0px; width:18px; height:18px; 
        display:block; float:left; margin-right:10px;
        background-image:url(../ImagesGoResourcing/indicator.gif);
	    background-repeat: no-repeat;
	    background-position:0px 0px;
    }
    
    .spinnerMessageText
    {
        display:block; float:left; font-size:90%; 
        padding-bottom:1px; font-family:arial,verdana,helvetica,arial,sans;
         font-weight:normal; color:#ffff00;
    }
    
    
    /* ----------- button styling ---- */
    
    .LightGreyInputButtonStyle 
    {
	background-color: #0c1e3c; /* #dddddd;
	color: #333333; */
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding:2px;
	border:none;
    }

    
    .errorMessage { color:#ab1234; font-weight:bold; margin-top:5px; }
    
    .noDataMessage { color:#000000; font-weight:bold; margin-top:5px; }
    
    .successMessage  { color:#0c1e3c; font-weight:bold; margin-top:5px; }
    
     #UserMessage { padding:0px; margin:0px; width:99%; padding-bottom:5px; padding-top:5px; display:none; }
     
     
     
     

/* --------- PAGER STYLING (can be redefined via inline css on aspx page if required) ------- */



.pagerWrapper
{
    display:block; width:100%; padding:0px; padding-top:0px; padding-bottom:1px;
    margin:0px; margin-top:10px;
}  

.pagerWrapper a
{
    border: 1px solid #000000;
	cursor: pointer;
	background-color: #bce3e1; 
	color:#87cce3;
	font-weight: bold; /* small-caps;*/
	padding:2px; /* height and width defined automatically via padding around text */
	text-align:center;
	text-decoration:none;
	font-family:arial,Verdana,sans-serif;
	font-size:72%;
	width:auto;
	padding-left:5px; padding-right:5px;
	margin:0px;
	margin-right:1px;
	 text-decoration:none;
	 display:block; float:left;
}

.pagerButtonsWrapper
{
   display:block; width:24%; padding:0px; margin:0px; float:right; 
}

.pagerItemsPerPageWrapper
{
   display:block; width:22%; padding:0px; margin:0px; float:left;  text-align:left; 
   font-size:72%; font-family:Verdana,Arial,sans-serif; font-weight:bold; 
}

.goToPageLabelWrapper { font-size:72%; margin-top:3px; font-family:Verdana,arial,sans-serif; font-weight:bold; display:block;float:left;}

.pagerGoToPageWrapper
{
   display:block; width:31%; padding:0px; margin:0px; float:left; 
}

.pagerPageNumbersWrapper
{
   display:block; width:22%; padding:0px; margin:0px; float:left; 
}


    .pagingButton
    {
        margin:0px; padding:0px; margin-left:4px; float:right; display:inline; 
        background-color: #dddddd; 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding:2px;
    }

    .ajaxGridWrapper
    {
        display:block; padding:0px; margin:0px; 
        border: 0px solid #000000; 
        border-right:0px;
	    margin-top:0px;
	    background-color: #87cce3; 
    }
    
/*
    .pageSizeList
    {
        font-size:100%; line-height:100%; height:auto;
    }
*/
    #txtPageNumberJump
    {
        width:25px;
    }

    .goToPageTextbox
    {
        width:25px;
    }
    
    #btnJump
    {
        border: 1px solid #999999;
	    cursor: pointer;
	    background-color: #dddddd; 
	    color:#333333;
	    font-weight: bold;
	    padding:1px; /* height and width defined automatically via padding around text */
	    text-align:center;
	    text-decoration:none;
	    font-family:arial,Verdana,sans-serif;
	    font-size:70%;
	    /* note padding left and right was previously 5px */
    }

    #StartPage{ display:inline; }

    #LastPage { display:inline; }

    .pageNumbersLabelWrapper
    {
        float:left; padding-left:2px; font-weight:bold; margin-top:3px;
        font-size:72%; font-family:Verdana,arial,sans-serif;
    }

    .headerTextWrapper
    {
        display:block; float:left; padding-left:3px;
    }

    .sortDirectionWrapper
    {
        display:block; float:left; padding:0px; margin-left:2px; width:12px; height:12px;
    }
    
    
    #LogoutHeaderLinkWrapper
    {
        float:right; display:inline; text-align:right; margin-top:5px;
    }
    
    #MenuHeaderLinkWrapper
    {
        float:right; display:inline; text-align:right; margin-top:5px; margin-right:20px;
    }
    
    #SelectProjectHeaderLinkWrapper a:hover, #LogoutHeaderLinkWrapper a:hover, #MenuHeaderLinkWrapper a:hover
    { color:#87cce2; }
    
    
    .controlWrapper { display:block; float:left; padding:0px; margin:0px; }
    
    
    .headerLink { font-size:100%; }
        
    .filterBoxButtonStyle 
    { 
    background-color: #dddddd;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding:1px;
	   margin-left:5px;
	 }
    
    .filterBoxStyle 
    {
	background-color: #c3e6f1;
	width: 350px;
	padding: 3px;
	border:0px;
	margin:0px;
    }
    
    
    
    /* styles below from ifa cms area file 
    note: row below overrides padding in row class defined earlier in this file.
    earlier .row has padding 0px; row class below (from ifa cms area styles) defines padding top and bottom > 0px
    */
    
    
     .row
     {
        display:block;float:left; width:100%;
        padding-top:5px; padding-bottom:15px;margin:0px;
     }
     
     
     /* ------ input control styling ----------- */
     
      .inputBox80px
     {
        width:80px;
     }
      .inputBox100px
     {
        width:100px;
     }
      .inputBox150px
     {
        width:150px;
     }
     .inputBox200px
     {
        width:200px;
     }
        .inputBox250px
     {
        width:250px;
     }
     .inputBox300px
     {
        width:300px;
     }
     
     .textarea300px
     {
        width:300px;
     }
     
     .droplist200px { width:200px; }
     
     .droplist250px { width:250px; }
     
     .buttonWrapper {display:inline; float:left; margin-right:20px;}
     
     
/* ---------------------------- calendar control -------------------------------- */
        
.CalendarStyle .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #EAEAFF;
    color: black;
    z-index:1400;
}
.CalendarStyle .ajax__calendar_other .ajax__calendar_day,
.CalendarStyle .ajax__calendar_other .ajax__calendar_year 
{
    color: black;
}
.CalendarStyle .ajax__calendar_hover .ajax__calendar_day,
.CalendarStyle .ajax__calendar_hover .ajax__calendar_month,
.CalendarStyle .ajax__calendar_hover .ajax__calendar_year
 {
    color: black;
}
.CalendarStyle .ajax__calendar_active .ajax__calendar_day,
.CalendarStyle .ajax__calendar_active .ajax__calendar_month,
.CalendarStyle .ajax__calendar_active .ajax__calendar_year 
{
    color: black;
    font-weight:bold;
}


    #AjaxUpdateMessageBar { position:absolute; width:100%; z-index:1800; height:auto;  padding:0px; margin:0px; }
    
    #AjaxUpdateMessageBar a {color:#000000; }
    
  .ajaxMsgDiv { display:block; float:left; width:100%; padding:0px; margin-bottom:2px; color:#000000;  }
    
    .ajaxMsgDiv a { color:#000000; }
    
    .ajaxUpdateBarText { color:#000000; background-color:#87cce3; font-size:80%; font-family:Arial,verdana,sans-serif; padding-bottom:3px; margin-bottom:2px; }
    
    .statusUpdatedOnMessage { color:#666666; font-size:70%; font-family:Arial,verdana,sans-serif; padding-bottom:5px; }
    
    
.errorUl { font-size:75%; font-weight:bold; }


/* candidate details tabs */

    .candidateDetailTabsHeaderBarWrapper
    {
        width:100%; float:left; display:block;  /* 2E4d7B;  */
        border-bottom:0px solid #ffffff; padding:0px;
        padding-top:15px; padding-bottom:0px; margin-bottom:0px;
    }

    .candidateDetailTabsWrapper
    {
        float:left; display:inline; margin-left:5px; color:#ffffff; font-weight:bold;
    }
    
    
#HelpTip
{
    position:absolute; z-index:9990; left:-1400px; width:360px; top:-1100px; visibility:visible;
    background-color: #f5f8f9; color:#091351; padding:12px; overflow:visible; height:auto;
    border:4px solid #57BCDE; text-align:left;
}

#HelpTip ul
{
    padding:0px;margin:0px;padding-bottom:15px;
	font-size:75%; margin-left:0px; padding-left:15px;
	font-family:Arial,Verdana,sans-serif;
	padding-bottom:15px;
}

#HelpTip ul li 
{
	display: block; 
	text-decoration: none;list-style-type: none;
	list-style-image: url(../qediImages/SquareBullet4px.gif);
	padding-bottom: 5px; margin-left:0px; padding-left:0px;
}






.tab { display:block; float:left; margin:0px; padding:0px; margin-right:5px; }

.tab a
{
    display:block; float:left;
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	cursor: pointer;
	background-color: #f5f8f9; color:#091351;
	padding-top:3px; padding-bottom:3px; padding-left:6px; padding-right:6px;
	text-align:center;	
    text-decoration:none;
    font-size:80%;
}


.tab a:hover
{
    background-color:#87cce3; text-decoration:none;
}

.tab a:visited
{
    text-decoration:none;
}