/* general website layout and  centered page container*/
/* used in: header.css*/
body
{
	background-color: #ffffff; 
	height: 100%;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size:11px;
	text-align:center;
	padding:0px;
	margin: 0px;
}

HTML body {overflow: -moz-scrollbars-vertical;} /*to fix firefox page shifting issue*/

body #container
{
	margin: 0px;
	padding:0px;
	min-width:775px;
}
body #container #contentWrap
{
	clear:both;
	width: 100%;	
}
body #container #contentWrap #content
{
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:775px;
}
/*end general website layout and centered page container */

/*general website font and html elements*/
h1
{
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
}

h2
{
	font-family:arial;
	font-size:10pt;
}
h2.pageSectionHeader
{
	clear:both; 
	background-color:#abccdd;
	padding:6px;
	margin:0px 2px;
	font-weight:bold;
	font-size:11px
}
h3
{
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	margin:0px;
}

h4{}

a
{
	color:#006699;
	text-decoration:underline;	
}

ul
{
	margin:0px 5px;
}

li
{
	clear:both;
    list-style-type: disc; 
}

p
{
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

underline
{
	text-decoration:underline;
}
/*end general website font and html elements*/

/*page content layout*/
/*for page content that has two sections - pageHeading &  or no results
used in Applications module*/
#pageHeading
{
	padding-top:20px;
	width:98%;
	margin:0px auto;
}

#pageContent
{
	padding:2px 0px 0px 0px;
	margin:0px auto;
	/*border:1px solid #D3DEE2;*/
}
#noResult
{
	font-style:italic;
	text-align:left;
}
/*end page content layout*/

/* creating table
used in Applications module*/
/*create listing table table-row*/
#tblContent
{
	padding-top:2px;
	border:1px solid #cdcdcd; 
	border-bottom:0px;
}
.rowTitle, .rowOdd, .rowEven
{
	text-align:left;
	margin: 0px auto;
	width:100%;
}
.rowTitle
{
	border: solid #ffffff;
	border-width: 1px 1px 1px 1px;
	background-color:#ffffff;
}
.rowOdd, .rowEven
{
	border-bottom:1px solid #cdcdcd; 	
}
.rowTitle .colTitle, .rowOdd .colTitle, .rowEven .colTitle
{
	float:left;
	padding:2px 2px 2px 10px;
	margin: 0px;
	vertical-align:middle;
	height:32px;
	font-weight:bold; 
}

.rowTitle .colOdd, .rowOdd .colOdd, .rowEven .colOdd
{
	float:left;
	padding:2px 2px 2px 10px;
	margin: 0px;
	vertical-align:middle;
}

.rowTitle .colEven, .rowOdd .colEven, .rowEven .colEven
{
	float:left;
	padding:2px 2px 2px 10px;
	margin: 0px;
	vertical-align:middle;
}

/*create table-row-column*/
/*removed - this affected update resume page*/
/*table{width:100%; border-collapse:collapse;}
td{border:1px solid #cecece;}
tr.tblRowTitle{background-color:#cecece; font-weight:bold;}
tr.tblRowOdd, tr.tblRowEven{background-color:#ffffff;}*/
/*end creating table*/

/*page content display and design*/
.clear
{	
	clear:both;
	margin:0px;
	border:none;
	padding:0px;
}
.tinyspace
{
	clear:both;
	margin:0px;
	border:none;
	padding:0px;
	height:1px;
}
.space
{	
	clear:both;
	height:10px;
}

.vSpace
{
	float:left;
	width:10px;
}
.vSplit
{
	clear:both;
	border-top:1px dotted #cecece;
	margin:5px 10px;
}
.imgLi
{
	background:url('../image/list.gif') no-repeat left top; 	
	float:left; 
	padding-left:8px; 
	width:100%
}
.middle {
    vertical-align:middle;
}
.grey
{
    color: #c0c0c0;
}
.greyFurtherInfo
{
    color: #808080;
}
.greyFurtherInfoSmall
{
    color: #808080;
	font-size:9px;
}
.msg
{
	background:url('../image/tip.gif') no-repeat #eeeeee 4px 4px;
	padding:5px 5px 5px 30px;
	margin-bottom:20px;
	text-align:left;
	border:solid #cccccc 0.5pt;
}
.warn
{
	background:url('../image/warn.gif') no-repeat #eeeeee 4px 4px;
	padding:5px 5px 5px 28px;
	margin-bottom:20px;
	text-align:left;
	border:solid #cccccc 0.5pt;
}
.warning {
	background:url('../image/warn.gif') no-repeat #fce8eb 4px 4px;
    padding:5px 5px 5px 28px;
	margin-bottom:20px;
	text-align:left;
	border:solid red 0.5pt;
}
.yellow {
    background: #ffff99;
    margin: 10px;
    padding:15px;
    /*border: #ff9900 1px solid;*/
}
.tip
{
    font: 7.5pt verdana;
    color: #666666;
	text-align:left;
    padding:0px;
}

.tip2
{
    font: 11px verdana;
    color: #666666;
	text-align:left;
    padding:0px;
}

A.tip {
    font: 7.5pt verdana;
    color: #006699;
    text-decoration: underline;
}

a.link {
    font-weight: normal; /* used when we want to force the font-weight to normal */
}

.tipAlert
{
    font: 7.5pt verdana;
    color: #FF0000;	
}

.asterisk{color:#FF0000;}

.fontAlertStatus
{
	color:#FF0000;
	font-weight:bold;
}

.fontNormalStatus
{
	color:green;
	font-weight:bold;
}
.fontDisabledStatus
{
	color:#cdcdcd;
}

.hide
{
	background:url(../image/add.gif) no-repeat;
	padding-left:18px;
}

.show
{
	background:url(../image/edit.gif) no-repeat;
	padding-left:18px;
}
/*end page content display and design*/

/*form elements display*/
input.textField
{
	width:270px;
}
input.textFieldFeedback
{
	width:328px;
}
textarea.text
{
	width:318px;
}
input.radioField{padding:0px; margin:0px;}
input.checkboxField{margin-left:0px;}
input.radioField, input.checkboxField{width:13px;margin-right:3px;}
input.button
{	
	margin:20px 4px 20px 4px; 
	padding:4px 10px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	background-color:#004B93;
	cursor:pointer; 
	/*cursor:hand;*/
}

select.selectField
{ 
	width:276px; z-index:1;
}
select.selectFieldPrivacy
{ 
	width:276px; z-index:1;
}
select.selectFieldFeedback
{ 
	width:334px; z-index:1;
}
input, select
{
	font-family:verdana; 
	font-size:8pt;
}

/* general table layout */
.row
{
	clear:both; 
	margin:5px;
	width:95%; 
	overflow:auto;
}
.row .lblField
{
	float:left; 
	text-align:left; 
	width:20%; 
	vertical-align: top;
	padding-left:10%;
}
.row .colColon, .rowOdd .colColon, .rowEven .colColon
{
	float:left;
	width:2%;
}
.row .inputField, .row .selectField, .errorReg
{
	float:left; 
	text-align:left; 
	vertical-align: top;
}
.rowButton
{
	clear:both; 
	margin-left:26%;
}
.rowButtonCenter
{
	clear:both; 
	font-size:12px;
	margin-left:0;
	text-align:center;
	padding: 0px 0px 0px 0px;

}

.rowButtonLeft
{
	clear:both; 	
	padding-left:6%;
}
* html .rowButtonLeft
{
	clear:both; 	
	padding-left:3.5%;
}
/* end general table layout */

.checkboxRow
{
	width:40.7%; 
	float:left; 
	padding-bottom:10px
}
.checkbox
{	
	width:33%; 
	float:left;
}
/* end form elements display*/

/* scrollable list */
.scrollingList
{
    overflow:auto;
    BORDER:#1c5180 1px solid;
    height:125px; 
    width:230px;
    list-style:none;
    margin-left:0px; margin-top:0px; margin-bottom:0px; 
    padding: 1px 0px 1px 0px;
}
.scrollingList input
{
    vertical-align:middle;
}
.scrollingList input
{
    padding:0px;
}
.scrollingList li
{
    padding:0px 0px;
}
.scrollingList label
{
    cursor: pointer; /*cursor: hand;*/
}

/*interactive message display*/
.overlay {
    background: #ffffff url('../image/newarrow.gif') no-repeat scroll top left;
    padding: 0px 0px 2px 8px;
    font: 7.5pt verdana;
    color: #666666;
	text-align:left;
	width: 230px;
}

.overlay2 {
    background: #ffffff ;
    padding:0 0 5px 30px;
    font: 7.5pt verdana;
    line-height:1.3;
    color: #666666;
	text-align:left;
}

.toggle 
{
	display: none;
} 

.toggleshow 
{
	color: #000000; 
	display: block;
}

.errorReg {
    color: #FF0000;
    font-size: 7.5pt;
    font-family: verdana;
    padding: 2px 0px 2px 18px;
    margin-left:0px;
    background: url('../image/erroricon1.gif') no-repeat 0px 2px;
}

.errorReg span{
    color: #FF0000;
    font-size: 7.5pt;
    font-family: verdana;
}

.miniform {
    border: 1px #B6AFA9 solid; 
    background-color: #eeeeee; 
    position: absolute;
    font-size:7.5pt;
    padding: 5px; 
    filter: alpha(opacity=92); 
    opacity: 0.95; 
    z-index: 10000; 
}

.tooltip{ 
	position: absolute;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid black;
	color: Black;
	text-decoration: none;
	font: 11px "Arial", sans-serif bold;
	visibility:hidden;
	z-index: 10000; 
}	
/*end interactive message display*/

/* Curvy Corner style. Used together with rounded_corners_lite.js */
.rounded-corner {background-color:#DAE1EB;padding:4px;}

a.international {
		font-family: verdana, arial;
		font-size: 11px;
		color: #9d3c1b;
		text-decoration: none;
		}


.a.international:hover {
		font-family: verdana, arial;
		font-size: 11px;
		color: #9d3c1b;
		text-decoration: underline;
		}
		
.country1 {
		font-family: verdana, arial;
		font-size: 10px;
		color: #ffffff;
		word-spacing: 0.5em;
	   }

.country1 a {
		font-family: verdana, arial;
		font-size: 10px;
		color: #ffffff;
		text-decoration: none;
	   }

.country1 a:hover {
		font-family: verdana, arial;
		font-size: 10px;
		color: #ffffff;
		text-decoration: underline;
	   }


