/* Very Generic CSS selectors */
.left
{
	float:left;
}

.right
{
	float:right;
}

.strong
{
    font-weight:bold;
}

.borderless
{
	border:none;
}

.highlight
{
	background-color: red;
	padding: 2px 0 2px 0;
	color: #000000;
}

.highlightInformation
{
	background-color: yellow;
	padding: 2px 0 2px 0;
	color: #000000;
}
       
/* When formatting currency we use the below */
div.amount
{           
	width:50px;
	float:left;
	padding-top:5px;
	text-align:right;
	padding-right:15px;
	color:#3A5498;
}


div.sectiontotal>label
{
	width: 467px; 
	display:block; 
	float:left;
	margin-top:4px;
	font-weight:bold;
}

/* Logical groupings */
div.section
{
	padding:0px 10px;
	margin-bottom:10px;
}

div.clear
{
	clear:both;
}

/* label styles */
label.block
{
	display: block;
	padding-top:5px;
}

label.hasNote
{
	font-weight:bold;
}

label .pin, label .outOfDate
{
	height:0.8em;
	width:0.8em;
	cursor:pointer;
}

/* select styles */
select.full
{
	width:355px;
}

select
{
	width:105px;
}

select.country
{
	width:155px;	
}

select.provState
{
	width:120px;
}

/* input styles */
input[type="text"]
{
    width:100px;
}

/* Override for the InfoPanel label */
.infoPanel label
{
	display:block;
}
/* Override for the labels in the infopanel */
.infoPanel td.infoPanelLabel 
{
text-align:left;
}

/* Override for the Validating Currency Textbox Control */
input[type=text].validate-currency-dollar 
{
    float:none;
    margin-bottom:0px;
    margin-left:0px;
    width:100px;
}

input.full[type="text"]
{
    width:350px;
}


input.validate-postal-zip-code
{
	width:65px;
}


ul.indent
{
	margin-left:23px;
}

ul.horizontal li
{
	float:left;
	padding-left:40px;
}

ul.horizontal li:first-child
{
	float:left;
	padding-left:0px;
}

/*
Calendar Table!
*/
table.inlineCalendarTable
{
	border-collapse: collapse;
	border-spacing: 0;
	border:0px;
	margin:0;
}

table.inlineCalendarTable > tbody > tr > td:first-child
{ 
	padding-left: 0px; 
}

table.inlineCalendarTable tr td
{ 
	padding: 0 1px;
}

table.inlineCalendarTable input[type='text'], input[type='text'].calendarDay, input[type='text'].calendarYear
{
	width:35px;
}

table.inlineCalendarTable select, select.calendarMonth
{
	width:55px;
}

table.inlineCalendarTable div
{
	font-size:0.8em; 
	clear:both; 
	text-align:center;
}

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

table caption
{
	font-weight:bold;
	font-size:1.1em;
	text-align:left;
}

.tablecaption { background-color:#C0C0C0;font-weight:bolder; padding: 2px;}


table thead
{
	font-weight:bold;
}

table.zebra > tbody > tr.even, table.sortable > tbody > tr.even
{
	background-color:#F9F9F9;
}

table.groupTable
{
	/* IE does not understand  border-spacing. :( */
	width:600px;
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
	border:0;
	
	margin-bottom:10px;
}

table.groupTable td:first-child
{
	width:75%;
	text-align:left;
}

table.groupTable td.indent, td.indent
{
	padding-left:33px;
}

table.groupTable td
{
    text-align:right;
    padding-left:10px;
    vertical-align:middle;
}

table.indent, div.indent
{
	margin-left:20px;
}

td.indent
{
	padding-left:23px;
}


/* holder for questions which adds room for active help */
div.needActiveHelp
{
	width:520px;
	margin-bottom: 20px;
}

.question label
{
    width: 140px;
}

/* holder for the submit button */
/* #Note: We add some padding to the left to accomidate for the error icon */
div.questionSubmit
{
	padding-right:43px;
	margin:0;
	padding-bottom:8px;
	display:block;
	float:right;
	clear:both;
}

div.confidentialLearner{
     width:100%; 
     background-color:#3F5478; 
     border:solid 1px grey; 
     color:White; 
     text-align:center;
     font-weight:bold; 
     padding:10px 0px;
     margin:10px 0px;
}

/* Generic Presences */
.presence img
{
	margin-right:3px;
	vertical-align:middle;
}

/* Style for Process Application and Manual Allocation */
.iafooter td
{
    background-color: #6a8498; 
    color: #fff;
}

.iaheader td
{
    border-bottom: #ccc 1px solid;
}

.iasubheader td
{
    background-color: #3f5478; color: white;
}

/* Styles for the Revertable */
label span
 {
 	color:#808080;
 	margin-left:4px;
 	display:none;
 }
.changed
{
	color:#0000ff;
}
label.changed span
 {
 	color:#808080;
 	display:inline
 }

img.revertIcon, img.revertIconForInlineDate
{
 	vertical-align:baseline;
 	margin-left:3px;
 	cursor:pointer;
}

h3 span img
{
	vertical-align:middle;
}

/* Shared Modal window controls */
.addSharedItem 
{margin:-17px 0px 0px 180px; float:left;}
.addSharedItem img
{margin:0px; vertical-align:middle;}
.addSharedItem span
{vertical-align:middle; margin-left:5px}
.noSharedItems
{ margin: 5px 0px 5px 20px;	}
.sharedControl h3
{margin-top:15px;}


.confirmOnExitModal .confirmOnExitItem
{
    margin:12px;
}

.confirmOnExitModal .confirmOnExitItem img
{
    padding-right:12px;
}

/* Override since the header section is slightly smaller */
#Header
{
	height:58px; 
}

#Header #LogoTitleWrap
{
	padding: 10px 0 10px 27px; 
}


/* Special section for the "Application Information" inside of Studies.*/
#StudiesInformation.infoPanel hr+table td, 
#StudiesInformation.infoPanel hr+table td.infoPanelLabel
{
	width:12%;
}
/* End Special section for the "Application Information" inside of Studies.*/


/* Modal Window */
/* border is set to 0 to fix resizing issues in IE8 */
.modal {
    border: 0px !important;
}


.hideOverflow
{
    overflow:hidden;    
    text-overflow:ellipsis;
}