/* page content */
#pageContent .formSection {
    clear: both; 
	border: 1px #D3DEE2 solid;
}
#pageContent .formSection .name {
    clear: both;
    font-weight: bold;
    background-color:#D3DEE2;
    border-bottom: 1px #D3DEE2 solid;
    padding: 3px 3px 3px 15px;
    margin-bottom: 15px;
}
#pageContent .formSection .title {
    clear: both;
    font-weight: bold;
    padding: 5px 3px 3px 10px;
    margin-bottom: 10px;
}

#pageContent .formSection .body{
    vertical-align: top;
    margin: none; 
    border: none; 
    padding: none;
}
#pageContent .formSection .body#skills, 
#pageContent .formSection .body#languages, 
#pageContent .formSection .body#sms{
    margin-left:15px;
}
/* end page content */

/* table layout */
#pageRow {
    clear: both;
    text-align: top;
    vertical-align: top;
    padding: none;
    margin: none; 
    border: none; 
    width:100%;
}
.pageRow {
    clear: both;
    text-align: top;
    vertical-align: top;
    padding: none;
    margin: none; 
    border: none; 
    width:100%;
}
.colLeft#signUp1 {
    width:14%;
    font-size:8pt;
    padding-left:0px;
    padding-top:8px;
}
.colLeft#signUp2 {
    width:50%;
    font-size:8pt;
    padding-left:0px;
    padding-top:8px;
}
.colLeft {
    float: left;
    margin: 0px 0px 5px 5px;
    text-align: left;
    vertical-align: top;
}
.colRight {
    float: left;
    margin: 0px 0px 5px 5px;
    text-align: right;
    vertical-align: top;
}
.colColon {
    float: left;
    width: 1%;
    padding-right:2px;    
}
.colFLeft {
    float: left;
    margin: 0px;
    text-align: left;
    vertical-align: top;
	width:30%;
}
.colFRight {
    font-weight: normal;
    float: right;
    margin: 0px;
    text-align: right;
    vertical-align: top;
	width:30%;
}
.colFLeftAccount {
    font-weight: bold;
    background-color:#D3DEE2;
    border-bottom: 1px #D3DEE2 solid;
    padding: 6px 6px 6px 15px;
    margin-bottom: 15px;
    width:89.5%;
    float: left;
}
.colFRightAccount {
    font-weight: normal;
    background-color:#D3DEE2;
    border-bottom: 1px #D3DEE2 solid;
    padding: 6px 6px 6px 15px;
    margin-bottom: 15px;
    float: right;
    text-align: right;  
}
.colDrop {
    background: transparent url('../image/drop.gif') no-repeat scroll top left;
    margin: 0px 0px 5px 5px;
    padding-left: 20px;
    vertical-align: top;
}
.colHighlight {
    float: left;
    margin: 0px 0px 5px 5px;
    text-align: left;
    vertical-align: top;
    background-color:#FFFF00;
}
/* end table layout */

/* fixed width table layout */
.formSection .body .pageRow .colColon {
    float: left;
    width: 1%;
}
.formSection .body .pageRow .colLeft {
    width: 20%;
    float: left;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
    padding-left:5%;
    padding-bottom:4px;
}
.formSection .body .pageRow .colMiddle {
    width: 40%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding-bottom:4px;
    vertical-align: top;
}
.formSection .body .pageRow .colMiddlePrivacy {
    width: 40%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding-bottom:4px;
    vertical-align: top;
}
.formSection .body .pageRow .colDrop {
    background: transparent url('../image/drop.gif') no-repeat scroll top left;
    width: 8%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 4px 20px;
    vertical-align: top;
}
.formSection .body .pageRow .colRight {
    width: 30%;
    float: left;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
    text-align: left;
}
.formSection .body .pageRow .colRightPrivacy {
    width: 30%;
    float: left;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
    text-align: left;
}
.formSection .body .pageRow .colRow {
    width: 60%;
    float: left;
    padding: 0px 0px 10px 0px;
    vertical-align: top;
    text-align: left;	
}
.formSection .body .pageRow .colMultiLarge{
    width: 25%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding-bottom:4px;
    vertical-align: top;
    text-align: left;
}
.formSection .body .pageRow .colMulti{
   width: 20%;
   float: left;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
   text-align: left;
}
.formSection .body .pageRow .colMultiMedium{
   width: 15%;
   float: left;
   margin: 0px;
   padding: 0px;
   vertical-align: top;
   text-align: left;
}
.formSection .body .pageRow .colMultiSmall{
   width: 10%;
   float: left;
   margin: 0px;
   padding: 5px 5px;
   vertical-align: top;
   text-align: left;
}
.formSection .body .pageRow .colMultiXSmall{
   width: 4%;
   float: left;
   margin: 0px;
   padding: 5px 5px;
   vertical-align: top;
   text-align: left;
}
.formSection .body .pageRow #title{
	font-weight:bold;
}
.formSection .body .pageRow .numbering{
	width:20px;
	float:left;
	padding:0px 2px;
}
/* end fixed width table layout */

.text {
    font: 8pt verdana;
}

.link {
}

.text-error {
    border: 1px solid red;
    font: 8pt verdana;
}

.text-area {
    font-size: 8pt; 
    font-family: verdana; 
}

.tip-error {
    font: 7.5pt verdana;
    color: red;
}

.instant-add {
    font: 7.5pt verdana;
    color: #4682b4;
}

a.button {
    background: transparent url('../image/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 10px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../image/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Resume display style */
table.resume {
    width: 100%;
    border: 1px #D3DEE2 solid;
}

table.resume td {
    padding:2px 0px 2px 5px;
    vertical-align: top;
}

table.resume td.spacer {
    padding:2px 0px 2px 15px;
    vertical-align: top;
}

table.resume td.ResumeHdr {
    padding: 6px 6px 6px 15px;
    background-color: #D3DEE2; 
    vertical-align: top;
}

table.pvResume {
    width: 100%;
    font: 8pt verdana;
}

table.pvResume td {
    font: 8pt verdana;
}

table.pvResume td.tdRight {
    font: 8pt verdana; 
}

table.pvResume td.subtitle {
    FONT: bold 10pt verdana; 
}

table.pvResume tr.TRHeader
{
    background-color: #fff;
}

table.pvResume td.ResumeHdr {
    FONT: bold 10pt verdana; 
    COLOR: #000000; 
    TEXT-ALIGN: left;
    border-bottom: 1px rgb(218,225,235) solid;
}

.display {
	background-color: rgb(244,249,255);
	border: 1px rgb(218,225,235) solid;
	font-weight: normal;
	padding:5px;
}

.message
{
    background-color: #FFF9D7;
	border: 1px rgb(218,225,235) solid;
	padding:5px;
}

.description
{
	padding:2% 5%;
}
.page_desc
{
	padding-right:2%;
}
.tableOutline
{
	width:90%;
	border:1px solid #D3DEE2;
	border-bottom:0px;
	margin:2% 5%;
}
.tableOutline .tableHeader
{
	background-color: #D3DEE2;
	font-weight:bold;
	padding:3px;
}
.colOdd#workExpPos
{	
	width:32%; padding: 4px;
}
.colOdd#date
{	
	width:36%; padding: 4px;
}
.colOdd#number
{	
	width:6%; padding: 4px;
}

/* feedback form */
.formSection .body .pageRow .colLeftFeeback {
    width: 18%;
    float: left;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
    padding-left:5%;
    padding-bottom:4px;
}
.formSection .body .pageRow .colMiddleFeeback {
    width: 39%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding-bottom:4px;
    vertical-align: top;
}

.retrenchWarning {background-color: #FFE4E1; border: 1px red solid; -moz-border-radius: 8px;-webkit-border-radius: 8px; padding:5px 5px 5px 25px; text-align:left; margin-bottom:10px; width:93%; border-style:dashed;}
.retrenchWarning .retrenchRow {margin:2; vertical-align: top; background:url('../../common/image/bullet.gif') #fff no-repeat center left; padding-left:15px; text-align:left;}
.retrenchBox {background-color:#fff; border: 1px #B6AFA9 solid;-moz-border-radius: 8px;-webkit-border-radius: 8px;  padding:5px; width: 80%;}

.rPaging{float:right;font-size:11px;color:#999;word-spacing:2px;}
.rPaging a{font-weight:bold;text-decoration:underline;color:#4258c9;}
.rPaging a.currentPage{color:#000;text-decoration:none;}
.rPagingCur{color:#000;text-decoration:none;background-color:#D4E6FF;}
.rPaging a:hover{font-weight:bold;text-decoration:underline;color:#4258c9;background-color:#D4E6FF;}
.rPaging td{text-align:center;cursor:pointer;font-size:10px;}
.rPaging .sel{border:1px solid #B6D5E8;width:20px;text-align:center;background-color:#B6D5E8;font-size:10px;}

/* Rss */
.rssBox{float:left;width:150px;padding-left:15px;}
.pageTitleTips{padding-left:360px;}
.rssRight {    
    margin: 0px 8px 0px 0px;
    text-align: right;
    vertical-align: top;
}
