/* =========================================================== */
/* Notes: */
/* Content pages do not work with id's (#), must use classes (.) */
/* =========================================================== */

/* =========================================================== */
/* Controls */
/* =========================================================== */
input[type="submit"], input[type="button"] /* buttons */
{
    color: #072251; 
}

fieldset legend  /* when using GroupingText in a panel */
{
	font-size: 16px;
	font-weight: bold;
}
.ItineraryGroupingText legend  /* when using GroupingText in a panel */
{
	font-size: 14px;
	font-weight: normal;
}

.ClockImage
{
	padding: 0 40px 0 5px;
	vertical-align: middle;
}



/* =========================================================== */
/* use #divMain to not mess up the menu table */
/* #divMain table td will mess up calendar control, even if reset at bottom */
/* =========================================================== */
#divMain table th  /* All GridViews */
{
	padding: 5px 10px 5px 10px;
	font-size: 14px;
}



/* =========================================================== */
/* Alignment */
/* =========================================================== */
.CBLAlignment
{
	left: 10px !important;
}
.Left_200
{
	left: 200px;
}

.TopAlign {vertical-align: top;}
.MiddleAlign, .AlignMiddle {vertical-align: middle;}
.BottomAlign, .AlignBottom {vertical-align: bottom;}
.LeftAlign, .AlignLeft {text-align: left;}
.CenterAlign {text-align: center;}
.RightAlign, .AlignRight {text-align: right;}

.AlignMiddleCenter
{
	vertical-align: middle; 
	text-align: center;
}

.AlignLeftMargin
{
	margin-left: 20%;
}

.ClearPadding
{
	padding: 0;
}
.PaddingLeft
{
	padding-left: 40px;
}
.PaddingLeft_Small
{
	padding-left: 20px;
}
.PaddingLeft_5
{
	padding-left: 5px;
}
.PaddingLeft_200
{
	padding-left: 200px;
}

.PaddingRight,
.PaddingRight_5
{
	padding-right: 5px;
}

.PanelPadding
{
	padding: 5px 5px 5px 15px;
}

.CellPadding
{
	padding: 3px 5px 3px 5px;
}
.CellPadding2
{
	padding: 3px 2px 3px 2px;
}
.CellPadding3,
.CellPadding_UDAB
{
	padding: 7px 0px 7px 3px;
}


.BulletedList
{
	padding: 10px 0px 10px 01px;
}

/* set in c# */
.CellPadding_SectionTitle
{
	padding:  30px 20px 0px 30px;
}
/* set in c# */
.CellPadding_SubTitle
{
	padding:  7px 20px 0px 60px;
}

.ClearMargin
{
	margin: 0;
}
.MarginRight
{
	margin-right: 40px;
}
.MarginLeft
{
	margin-left: 40px;
}
.MarginLeft_Small
{
	margin-left: 10px;
}
.Checkbox input[type="checkbox"]
{
	display: inline-block;
	margin-right: 15px;
}
.RadioButton input[type="radio"]
{
    margin: 0em 0em 0em 2em;
}
.TextBox   /*	don't add input type or it doesn't work */
{
    margin: 0em 0em 0em 2em;
}

/*	hack to make IE recognize inline-block - see change log V2013.04.12 for website link */
.InlineBlock
{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.Block
{
	display:block;
}
.WhiteSpacePre
{
	white-space:pre;
}

.FloatLeft
{
	float: left;
}
.FloatRight
{
	float: right;
}

.FixedTableLayout 
{
	table-layout:fixed;
}
.Border_Bottom 
{
	border-bottom: 1px solid black;
}



/* =========================================================== */
/* User Answers */
/* =========================================================== */
.UserAnswer
{
	color: #135EC5;
}


/* =========================================================== */
/* Gridviews */
/* =========================================================== */
.GridViewCellPadding
{
	padding: 3px 10px 3px 10px;
	font-size: 14px;
}
.GridViewFooter
{
	background-color: #ACA;
}
.GridViewFooter td
{
	padding: 5px 5px 5px 5px;
}
.GridView_WrapText
{
	display: inline-block;
	max-width: 800px;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* =========================================================== */
/* Widths - Page Overflow */
/* div with runat=server must use class */
/* =========================================================== */

#divScholarshipApplicants
{
	width: 1800px;
}
#divCoordinatorDashboard,
#divFacultyDirectors,
#divFacultyMaterials,
#divUDABApplicationStatus,
.divTravelStatus2
{
	width: 1500px;
}
#divContacts_Wide,
#divFacultyMaterialsReport,
#divHealth,
#divHousing,
#divHTH,
#divPassportEdits,
#divProgramContactLogons,
#divProgramSummary,
#divScholarshipFiles,
#divStudentMaterials,
#divStudentSummary,
#divTravelDetails,
#divTravelStatus,
#div1200,
.divCountryReport_Staff
{
	width: 1200px;
}


/* =========================================================== */
/* Widths and Heights */
/* =========================================================== */
.Width_15   {width: 15px;}
.Width_20   {width: 20px;}
.Width_24   {width: 24px;}
.Width_25   {width: 25px;}
.Width_40   {width: 40px;}
.Width_50   {width: 50px;}
.Width_80   {width: 80px;}
.Width_100  {width: 100px;}
.Width_150  {width: 150px;}
.Width_170  {width: 170px;}
.Width_180  {width: 180px;}
.Width_200  {width: 200px;}
.Width_220  {width: 220px;}
.Width_250  {width: 250px;}
.Width_300  {width: 300px;}
.Width_320  {width: 320px;}
.Width_350  {width: 350px;}
.Width_400  {width: 400px;}
.Width_475  {width: 475px;}
.Width_500  {width: 500px;}
.Width_510  {width: 510px;}
.Width_550  {width: 550px;}
.Width_600  {width: 600px;}
.Width_650  {width: 650px;}
.Width_700  {width: 700px;}
.Width_800  {width: 800px;}
.Width_810  {width: 810px;}
.Width_900  {width: 900px;}
.Width_980  {width: 980px;}
.Width_1200 {width: 1200px;}

.Width_4pct   {width: 4%;}
.Width_5pct   {width: 5%;}
.Width_7pct   {width: 7%;}
.Width_8pct   {width: 8%;}
.Width_10pct  {width: 10%;}
.Width_12pct  {width: 12%;}
.Width_13pct  {width: 13%;}
.Width_14pct  {width: 14%;}
.Width_15pct  {width: 15%;}
.Width_18pct  {width: 18%;}
.Width_20pct  {width: 20%;}
.Width_21pct  {width: 21%;}
.Width_22pct  {width: 22%;}
.Width_25pct  {width: 25%;}
.Width_30pct  {width: 30%;}
.Width_35pct  {width: 35%;}
.Width_38pct  {width: 38%;}
.Width_40pct  {width: 40%;}
.Width_45pct  {width: 45%;}
.Width_50pct  {width: 50%;}
.Width_60pct  {width: 60%;}
.Width_70pct  {width: 70%;}
.Width_80pct  {width: 80%;}
.Width_90pct  {width: 90%;}
.Width_95pct  {width: 95%;}
.Width_98pct  {width: 98%;}
.Width_100pct {width: 100%;}
.Width_110pct {width: 110%;}
.Width_120pct {width: 120%;}
.Width_130pct {width: 130%;}
.Width_140pct {width: 140%;}
.Width_150pct {width: 150%;}

.Height_0 {display:none;}
.Height_3em {height: 3em;}
.Height_4em {height: 4em;}
.Height_10  {height: 10px;}
.Height_20  {height: 20px;}
.Height_24  {height: 24px;}
.Height_40  {height: 40px;}
.Height_70  {height: 70px;}
.Height_400 {height: 400px;}
.Height_800 {height: 800px;}


.Table_NoBorder
{
	border-spacing: 0;
}

/* =========================================================== */
/* Messages */
/* =========================================================== */
.Success,
.CheckboxSuccess input[type="checkbox"]
{
	font-style: italic;
	color: Green;
}
.Error,
.Warning
{
	font-style: italic;
	color: Maroon;
}
.Information
{
	font-style: italic;
	color: #072251;
}
.Official
{
	color: Maroon;
}
.OfficialBold
{
	color: Maroon;
	font-weight: bold;
}

.StatusComplete
{
	color: #006400;
}

.StatusIncomplete,
.IncorrectAnswer
{
	color: #800000;
}

.Italic  {font-style: italic;}
.Bold    {font-weight: bold;}
.Normal    {font-weight: normal;}

.LightGray   {color: lightgray;}
.MediumGray  {color: gray;}
.DarkGray    {color: darkslategray;}
.SlateGray   {color: slategray;}
.Gray        {color: Gray;}
.Black       {color: Black;}
.Red         {color: Red;}
.Maroon      {color: Maroon;}
.Green       {color: Green;}
.White       {color: white;}
.DarkBlue    {color: #072251;}

.SlateGrayBackground   {background-color: slategray;}
.WhiteBackground       {background-color: #FFF;}


.LinkButton
{
	text-decoration: underline;
}

/* =========================================================== */
/* SubMasterPage headers */
/* =========================================================== */
.TitleCaption
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 20%; 
	font-weight: bold;
	font-size: 16px;
}

.ProgramTitle,
.StudentTitle,
.TravelAssistantTitle
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	font-size: 16px;
	color: #072251;
}

.ProfileTitle_Emails
{
    font-size: 22px; 
    font-weight: bold;
	background-color: #555;
	color: White;
	width: 100%;
	padding: 10px 0 10px 0;
}

.FacultySubTitle  /* set in aspx.cs */
{
	font-size: 16px;
	color: #072251;
	width: 35%;
}

.Filter,
.Affirmation,
.LargerFont,
.FontSize_16
{
	font-size: 16px;
}
.MediumFont,
.FontSize_14
{
	font-size: 14px;
}
.SmallFont
{
	font-size: 12px;
}
.SmallerFont,
.SmallerFont a
{
	font-size: 10px;
}
.SmallIDFont
{
	font-size: 10px;
}
.FontSize_20
{
	font-size: 20px;
}


.ReverseColors
{
	background-color: #072251;
    color: White; 
}

/* =========================================================== */
/* Faculty - Gift Request */
/* =========================================================== */
.GiftRequestCategoryRow  /* set in aspx.cs */
{
	font-size: 20px;
	color: White;
	text-align: center;
	padding: 3px;
	background-color: #072251;
}

/* =========================================================== */
/* CSS set in C#  */
/* =========================================================== */
.AccordianH3.ui-accordion-header
{
	color: #072251;
	font-size: larger;
}
.AccordianH3.ui-accordion-header-active
{
	background:  #072251;
	background-color: #072251;
    color: White; 
	font-size: larger;
}
.AccordianDiv.ui-accordion-content,
.AccordianDiv.ui-accordion-content-active
{
	background-color:  #F5F5F5;
}
.AccordianDiv.ui-widget-content
{
	border: none;
	background-color:  #F5F5F5;
	background:  #F5F5F5;
}

.EmailBlock
{
	background-color: White;
	width: 80%;
	margin-left: 5%;
	padding: 5px 5px 5px 5px;
	border: 1px solid gray;
}
.EmailInfoHeader
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 100px;
	padding: 5px 5px 1px 5px;
	vertical-align: top;
	font-weight: bold;
}
.EmailInfoData
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	padding: 5px 5px 1px 5px;
	vertical-align: top;
	font-weight: bold;
}
.EmailScheduled
{
	display: inline-block;  /* order matters - display before width! */
	border-color: green;
	border-style: solid; 
	border-width: 2px;
}


.TotalRow
{
	background-color: #BBBBBB;
    font-weight: bold;
}


.InsetPanel
{
	border-style: inset; 
	border-width: 2px;
}


.gvSeparatorRow,
.ScorePanel
{
	background: #072251;
	color: White;
    font-weight: bold;
	text-align: center;
}
.ScorePanel2
{
	background: #072251;
	color: White;
    font-weight: bold;
	text-align: left;
	padding: 7px 0 7px 10px;
}

#divTravelStatus .DeviatorDetailsCaption
{
	display: block;  /* order matters - display before width! */
	float: left;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	vertical-align: top;
	text-align: left;
}

/* Convert these to 000px instead of 000% - column size changes with data */
#divTravelStatus .DeviatorDetailsCaption
{
	width: 30%;
}
#divTravelStatus .DeviatorDetails
{
	display: block;  /* order matters - display before width! */
	float: left;
	vertical-align: top;
	padding: 5px 0px 5px 10px;
}


.PubProgram ul,
.PubProgram li
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}



.TripRow_ReverseColors,
.TripRow_ReverseColors a
{
	font-weight: bold;
	background-color: #072251;
    color: White; 
}
.Email_ReverseColors,
.Email_ReverseColors a
{
	font-weight: bold;
	background-color: #072251;
    color: White; 
	line-height: 2em;
	vertical-align: middle;
}



 /* Generic CSS - change other detail pages to use these eventually */
.DetailsCaption
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 20%;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	vertical-align: top;
	text-align: left;		/* For IE */
}
.DetailsCaption_Wide
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 40%;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	vertical-align: top;
}
.DetailsSubCaption  /* booleans are indented */
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 25%;
	vertical-align: top;
	padding: 5px 0px 5px 10px;
}
.DetailsSubCaption_Multi  /* booleans are indented */
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	vertical-align: top;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
}
.Details
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 70%;
	vertical-align: top;
	padding: 5px 0px 5px 10px;
	text-align: left;		/* For IE */
}
.DetailsSmall
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	width: 45%;
	vertical-align: top;
	padding: 5px 0px 5px 10px;
}
.DetailsSmall_Multi
{
	display: inline-block;  /* order matters - display before width! */
	float: left;
	vertical-align: top;
	padding: 5px 10px 5px 5px;
}

/* =========================================================== */
/* Borders for Statistics Reports  */
/* =========================================================== */
.TableDivider_Left
{
	border-left: solid 5px black;
}
.TableDivider_Right
{
	border-right: solid 5px black;
}

/* =========================================================== */
/* Borders for Rank History Report  */
/* =========================================================== */
.RowDivider
{
    height: 2em;
	border-bottom: solid 3px black;
}


/* =========================================================== */
/* Borders for CBL Filter Labels  */
/* =========================================================== */

.CBLLeftLabel
{
	display: inline-block;
	width: 475px;
	padding-left: 5px;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	border-bottom: solid 1px gray;
}
.CBLRightLabel
{
	display: inline-block;
	width: 20px;
	border-top: solid 1px gray;
	border-right: solid 1px gray;
	border-bottom: solid 1px gray;
}

/* =========================================================== */
/* JQUERY: DatePicker  */
/* =========================================================== */
.JSDatePicker_Range
{
	border: none;
	margin: 0;
	padding: 0;
}