/*
	TYPICAL SCREN SIZES FOR MOBILE DEVICES

	240 pixels (old Android portrait mode)
	320 pixels (iPhone 3 to 5 and iPhone SE portrait mode)
	375 pixels (iPhone 6, 6s, 7, 8 and X portrait)
	384 pixels (Android Nexus portrait)
	414 pixels (iPhone 6 Plus, 6s Plus, 7 Plus and 8 Plus portrait)
	480 pixels (iPhone 3 and 4 landscape mode)
	568 pixels (iPhone 5 and iPhone SE landscape)
	600 pixels (Android Nexus landscape, Kindle portrait)
	667 pixels (iPhone 6, 7 and 8 landscape)
	736 pixels (iPhone 6 Plus, 7 Plus and 8 Plus landscape)
	768 pixels (iPad portrait)
	812 pixels (iPhone X landscape)
	1024 pixels (iPad landscape)

*/


body {
    background-color:whitesmoke;    
}

/******************** HEADER *******************/

.NavImage
{    
/*background-image: url('/Images/New_Uni_Logo.jpg');*/
background-repeat: no-repeat;
background-color:#003875; 
width:100%;
height:150px;
/*padding: 10px 20px; /* gives 10 at top and bottom and 20 on the sides */
}

/* individual settings for intermediate screen resulutions between 260 - 480 px*/

@media screen and (min-width: 260px) and (max-width: 310px) {
.HeaderImage{width:100%; height:50px;}
}

@media screen and (min-width: 311px) and (max-width: 399px) {
.HeaderImage{width:100%; height:60px;}
}

@media screen and (min-width: 400px) and (max-width: 480px) {
.HeaderImage{width:100%; height:70px;}
}

/************** Tables ****************/

.OuterTable
{  
  position:relative;
  width:98%; 
  height:90%; 
  border: 2px solid black;
  border-radius: 25px;
  top:50px;  
  padding:50px;
  text-align:center;
  margin-left:auto; /* thise centers the image on the horizontal axis */
  margin-right:auto; /* thise centers the image on the horizontal axis */
}

.InnerTable {
    font-family: Verdana;
    font-size: 11pt;
    margin-left: auto;
    margin-right: auto;
    width:96%;
    border-spacing:5px; /* Cell padding*/
}

.MenuBox
{
    position: relative;
    width: 60%;
    height: 90%;
    border: 2px solid black;
    border-radius: 25px;
    top:50px;  
    padding:50px;
    text-align: center;
    margin-left: auto; /* thise centers the image on the horizontal axis */
    margin-right: auto; /* thise centers the image on the horizontal axis */
}

.LoginBox
{
    position:relative;
    width:90%;    
    border: 2px solid black;
    border-radius: 25px;
    margin-top:5%;    
    margin-left:auto;
    margin-right:auto
}

.TabelCells{
    padding:20px;
}

/***************** Alignment ********************/

.AlignCenter
{
    text-align:center;
     margin-left: auto; /* thise centers the image on the horizontal axis */
    margin-right: auto; /* thise centers the image on the horizontal axis */
}

.AlignLeft
{
    text-align:left;     
}

.AlignRight
{
    text-align:right;
}

.LeftCol{
    width:45%;
}

.RightCol{
    width:65%;
}

/*********** Labels **************/

.NazLabels
{
    font-family:Verdana;
    font-size:11pt;        
}


.ErrorLabels
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:red;    
}

.CellText {
 font-family:Verdana;
    font-size:12pt;  
    text-align:left;
}


.MainTitles {
    font-family:Verdana;
    font-size:16pt;            
    text-align:left;
}

.SubHeadings{
    font-family:Verdana;
    font-size:12pt;        
    font-weight:bold;
    text-align:Left;
}

.underline_and_bold{
    font-family:Verdana;
    font-size:11pt; 
    font-weight:bold;
    text-decoration:underline;
}

/****** Text Boxes and DropDown Lists ******/

.TextEntryBoxes
{
    font-family:Verdana;
    font-size:11pt;        
    width:60%;
    background-color:#edf0f0;
    border: 1px solid black;    
}

.TextEntryBoxes_mand
{
    font-family:Verdana;
    font-size:11pt;        
    width:60%;

    background-color:#f5f6c5;
    border: 1px solid black;
}

.DropDownLists
{
    font-family:Verdana;
    font-size:11pt;        
    width:60.5%;
    background-color:#edf0f0;
    border: 1px solid black;
}

.DropDownLists_mand
{
    font-family:Verdana;
    font-size:11pt;        
    width:60.5%;
    
    background-color:#f5f6c5;
    border: 1px solid black;
}

.DropDownDates{
    font-family:Verdana;
    font-size:11pt;        
    
    background-color:#edf0f0;
    border: 1px solid black;
}

.DropDownDates_mand{

    font-family:Verdana;
    font-size:11pt;            
    
    background-color:#f5f6c5;
    border: 1px solid black;
}


/* ***************** BUTTONS ******************** */

.BigButtons
{
    font-family:Verdana;
    font-size:12pt;        
    width:300px;
    height:30px;
    /*border: 1px solid black;
  border-radius: 25px;*/
}

.MediumButtons {
    font-family:Verdana;
    font-size:11pt;        
    width:200px;
    height:30px;
}

.SmallButtons
{
    font-family:Verdana;
    font-size:10pt;        
    width:100px;
    height:26px;
}

.SmallLongButtons{
    font-family:Verdana;
    font-size:10pt;        
    width:200px;
    height:26px;
}

.MultiViewButtons
{
    font-family:Verdana;
    font-size:11pt;        
    width:150px;
    height:30px;
}

.horizontal_rule
{
	width:100%;
	color:Aqua;	
}

.gridview
{
	border: 1px solid gray;
	font: 11pt verdana;	
	position:relative;		
	color: white;
	background-color:#003875;	
	/*left: 349px; */
}