body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
			/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}

a {
	color:#369;
         
}

a:hover {
	color:#fff;
	background:#004455;
	text-decoration:none;
	padding:1px;
}

h1, h2, h3, h4 {
	margin:.8em 0 .2em 0;
	padding:0;
	color:gray;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
	background:#ff0038;
	
	color:White;
	padding:10px 0 10px 0;
}
#header p {
	padding:15px 0px 5px 15px;
	margin:0;
	font:normal 16px/100% Arial, Verdana, Tahoma, sans-serif;

}
#header h1,
#header h2 {
	padding:5px 15px 0 15px;
	margin:0;
	color:White;
	font:normal 22px/100% Arial, Verdana, Tahoma, sans-serif;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	min-height: 100vh;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	min-height:600px;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}

.leftmenu .colleft {
	/* right:75%;			/\* right column width *\/ */
	right:82%;			/* right column width */
	background:#eee; /* left column background colour */

}
.leftmenu .col1 {
	width:78%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */


}
.leftmenu .col2 {
	width:17%;			/* left column content width (column width minus left and right padding) */
	left:5%;			/* (right column left and right padding) plus (left column left padding) */
	margin-top:2%;
	min-height: 100vh;
}
/* Footer styles */
#footer {
	clear:both;
	float:center;
	width:100%;
	border-top:1px solid #000;
	background-color:#ff0038;
	color:white;
	position: fixed;
	bottom: 0;
}
#footer p {
	padding:10px;
	margin:0;
	font-weight: bold;
}

fieldset { padding:20px; border:1px solid #fff; border-color:#ddd #ddd #ddd #ddd;  margin-bottom:36px; margin-top:36px; margin-left:3%; width:90%; border-radius:5px;}

fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}

legend {background:#aaa; color:white; font:14px/21px Arial, Helvetica, sans-serif; padding:3px 10px; margin:0px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; border-radius:5px;}


.col2 p { 
font-size:68%;
font:14px/20px Arial, Helvetica, sans-serif;
}
.col2 p a{
	font-weight: bold;
}



.col2 h3 {
    background-color:#aaa;
    color:white;
    font-size:100%;
    font:18px/25px Arial, Helvetica, sans-serif;
    padding:5px;
    border-radius:5px 5px 0 0;
}

#panel, #panel1, #panel2, #panel3, #panel4, #panel5, #panel6 
{
margin-left:10px;
padding:2px;
color:Blue;
}

.container {
background-color:#ccc;
margin-bottom:5px;
}

.container:hover {
background-color:#bbb;
}

#flip0, #flip, #flip1, #flip2, #flip3, #flip4, #flip5, #flip6
{
padding:5px;

}

#da, #da1, #da2, #da3, #da4, #da5, #da6 {
margin-top:6px;
}

#da:hover {
margin-top:6px;
}


table {
margin:0 12px 0 12px;
width:98%;
table-layout: fixed;
border:0 1px 0 1px solid maroon;
}


a {
color:#267dcc;
font:13px;
}


input[type="text"], textarea, input[type="password"],input[type="number"] {
  font:Arial, Helvetica, sans-serif;
  vertical-align:middle;
  padding: 8px;
  border: solid 1.5px #BBBBBB;
  outline: 0;
  font: normal 13px/100% Verdana, Tahoma, sans-serif;
  line-height:1.2em;
  
  /* width: 250px; */
  background: #FFFFFF;
  box-shadow :0px 0px 5px 0 #EEEEEE;
  -moz-box-shadow: 0px 0px 5px 0 #EEEEEE;
  -webkit-box-shadow: 0px 0px 5px 0 #EEEEEE;
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
  background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  border-radius:5px;
  }

select {
    height:28px;
    padding: 3px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius:5px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow :0px 0px 5px 0 #EEEEEE;
    -moz-box-shadow: 0px 0px 5px 0 #EEEEEE;
    -webkit-box-shadow: 0px 0px 5px 0 #EEEEEE;
}

input[type="text"]:hover, select:hover, textarea:hover,input[type="number"]:hover,
input[type="text"]:focus, select:focus, textarea:focus,input[type="number"]:focus {
    border-color: #bfbf10;
    border-size:2px;
    box-shadow :0px 0px 3px 0px orange;
    -moz-box-shadow: 0px 0px 3px 0px orange;
    -webkit-box-shadow: 0px 0px 3px 0px orange;
}

label {
/*    margin-left: 10px;   */
    /*color: #999999;   */
    float:left;
    }


input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
/* background-color:#0066A2; */
background-color:#cc002c;
cursor:pointer;
color:white;

}

p {
    font: normal 13px/100% Arial, Verdana, Tahoma, sans-serif;
    margin-left:10px;
}

td {
    display: table-cell;
    padding:10px 20px 5px 0px;
    font:Arial, Helvetica, sans-serif;
    font: normal 12px/100% Arial, Verdana, Tahoma, sans-serif;
    line-height:1.3em;
    align:justify;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;

}

td p {
   -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
}

input[type="submit"],

input[type="button"] 
{
    margin-top:15px;
    width: auto;
    padding:6px 16px;
    background-color: #ff0038;
    border: 1px solid #000;
    font-size: 13px;
    color: white;
    border-radius:4px;
    /* box-shadow :0px 0px 5px 0 #EEEEEE;
    -moz-box-shadow: 0px 0px 5px 0 #EEEEEE;
    -webkit-box-shadow: 0px 0px 5px 0 #EEEEEE; */

    
    }

td a {
    text-decoration:none;
}
.errorlist {
    color:red;
    font:Arial, Helvetica, sans-serif;
    font: normal 13px/100% Arial, Verdana, Tahoma, sans-serif;
    margin:0px;
    padding:0px;
    list-style:none;

}

hr {
size:3px;
color:#fff;
}

.viewdetails th {

background-color:#ccc;
font:Arial, Helvetica, sans-serif;
font: normal 12px/100% Arial, Verdana, Tahoma, sans-serif;
padding:13px;
font-weight:bold;
border:2px solid #ccc;
}

.viewdetails td {
font:Arial, Helvetica, sans-serif;
font: normal 12px/100% Arial, Verdana, Tahoma, sans-serif;
padding:10px 5px 10px 5px;
border:2px solid #ccc;
}

.viewdetails table {
border-collapse:collapse;
margin-top:10px;
font:Arial, Helvetica, sans-serif;
font: normal 12px/100% Arial, Verdana, Tahoma, sans-serif;
border:1px solid #ccc;
}


.viewdetails h3 {
font:Arial, Helvetica, sans-serif;
font: normal 20px/100% Arial, Verdana, Tahoma, sans-serif;
font-weight:bold;
margin-left:10px;
margin-bottom:10px;
}


.loginform {
padding:30px;
}


.loginform table {
align:center;
margin:auto;
margin-top:2%;

}

label {
padding:8px;
font: normal 12px/100% Arial, Verdana, Tahoma, sans-serif;
}

#TextBoxDiv1 input {
padding:8px;
}


#basicnav, #projectnav, #fapnav, #publicationnav, #prognav, #partinav, #trainingnav, #positionnav{
background-color:#bfbf10;
}


label.error {
color:red;
display:block;
width: auto;
float: none; padding-left: .5em; vertical-align: top; }


input.error, textarea.error {
    border: 1px solid red;
}

td input.error, td select.error, td textarea.error {
    border: 1px solid red;
}

td input.error:focus, td select.error:focus, td textarea.error:focus,
td input.error:hover, td select.error:hover, td textarea.error:hover {
    border: 1px solid red;
}


.pageTitle {
margin-top:5px;
color:#0088AA;
font:12px arial,sans-serif;
border-bottom:2px solid #ccc;
}

.instruction ol li{
padding:5px;
font:12px arial,sans-serif;
}


.instruction ol li b{
padding:0;
font:12px arial,sans-serif;
font-weight:bold;
}


.instruction ul li{
padding:5px;
font:12px arial,sans-serif;
}


.instruction h3{
padding:5px;
font:18px arial,sans-serif;

}

.instruction b{
padding:5px;
font:15px arial,sans-serif;
font-weight:bold;
}


.instruction p{
font:13px arial,sans-serif;
}



.formTitle {
margin-top:20px;
margin-left:15px;
font:14px arial,sans-serif;
font-weight:bold;
}



.failureMessage {
color:red;
font:13px arial,sans-serif;
margin-left:12px;
}

.successMessage {
color:green;
font:13px arial,sans-serif;
margin-left:12px;
}


.loginformHolder table{
width:60%;
}

.col2 h4 {
background-color:#fff;
color: #000;
padding:5px;
font:16px arial,sans-serif;
font-weight: bold;
}

.description h5 {
font:13px arial,sans-serif;
font-weight:bold;
}

.login-section {
	position: relative;
  }
#col1 {
	position: absolute;
	top: 50%;
	left: 50%;
	padding-bottom: 5%;
	transform: translate(-42%, 35%);
}

#header>.logo, #header>.content{
	display: inline-block;
	float: left;
}

#header>.logo img{
	margin: 0;
	margin-left: 10px;
	height: 120px;
}

#header>.content{
	margin-top: 2%;
	margin-left: 10px;
}