/* Colors...
Briefing Blue: 0, 51, 153 (#003399)
Wire Blue: 0, 102, 255 (#0066FF)
Premium Lt Blue BG: 211, 230, 255 (#D3E6FF)
Button Blue: #0099FF [00, 153, 255]
BtnHover Blue: #66C2FF [102, 194, 255]
Roundbox and Feature It blue: #D4E6FC [212, 230, 252]
10% Blue: 
20% Blue: 
*/

/* MODULE */
/* set millions of background images: http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=D3E6FF&fondo=ffffff */
.roundbox{
	display: inline-block;
	/* float: left; */
	background-color: #D4E6FC;
	margin: 0px;
	padding: 5px 15px;
	border:none !important;	
	border-radius:8px;			/* CSS3 */ 
	-moz-border-radius:8px;		/* Firefox */
	-webkit-border-radius:8px;	/* Safari and Chrome */
	-webkit-appearance: none;	/* iPad / Safari */
}
.roundbox p{
	margin: 10px 0px;
}
/* END MODULE */

/* For file Input */
.fileInput {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.fileInputDiv {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  border: 3px dotted #bebebe;
  border-radius: 10px;
}

.fileInputLabel {
  display: inline-block;
  position: relative;
  height: 100px;
  width: 300px;
}

div.dragover {
	background-color: #aaa;
}
/* End file input */


body {font-family: Helvetica, Arial; font-size: medium;	color: #333333; display: block; margin: 0; border: 0; }
hr {border: 0; height: 1px;	color: #CCCCCC;	background: #CCCCCC;}
img {border: 0;}

/* Standard Links Attributes */
a {color: #003399; text-decoration: none;}
a:hover {color: #0066FF;}
a:visited {color: #003399;}
a:visited:hover {color: #0066FF;}
a.hover {color: #0066FF;}		/* alink with .hover class*/
/* a.hover:hover {color: #0066FF;} */
/* a.hover:visited {color: #0066FF;} */

/* Err Text */
.Err {color: #FF0000; font-size: medium;}
.ErrSm {color: #FF0000; font-size: small;}
.noErrSm {color: #0000FF; font-size: small;}

/* Header Text */
.Header1Large {font-family: Helvetica, Arial; color: #003399; font-size: 22px;}
.Header1Medium {font-family: Helvetica, Arial; color: #003399;	font-size: medium;}
.Header1Small {font-family: Helvetica, Arial; color: #003399; font-size: small;}
.Header1XSmall {font-family: Helvetica, Arial;	color: #003399;	font-size: x-small;}

/* Standard Content */
.ContentLarge {color: #333333;	font-size: large;}
.ContentMedium {color: #333333;	font-size: medium;}
.ContentSmall {color: #333333; font-size: small;}
.ContentXSmall {color: #333333; font-size: x-small;}

/* Grey Content */
.ContentSmallGrey {color: #666666; font-size: small;}
.ContentXSmallGrey {color: #666666;	font-size: x-small;}
.counter {color: #ca3838; font-size: x-small;}

/* Bold Content */
.ContentXSmallBold {color: #333333; font-size: x-small;	font-weight: bold;}
.ContentSmallBold {color: #333333; font-size: small; font-weight: bold;}
.ContentMediumBold {color: #333333;	font-size: medium; font-weight: bold;}

/* Header Links */
.Link1Medium {text-decoration: none; font-family: Helvetica, Arial; color: #003399; font-size: medium;}
.Link1Small {text-decoration: none;	font-family: Helvetica, Arial;	color: #003399;	font-size: small;}
.Link1XSmall {text-decoration: none; font-family: Helvetica, Arial; color: #003399; font-size: x-small;}
.LinkDisabledSmall {cursor: default; text-decoration: none;	font-family: Helvetica, Arial;	color: #666666;	font-size: small;}
.LinkDisabledXSmall {cursor: default; text-decoration: none; font-family: Helvetica, Arial; color: #666666; font-size: x-small;}

/* Mod Text */
.modHeaderMediumBold {font-family: Helvetica, Arial; color: black;	font-size: medium; font-weight: bold;}
.modRounded1 {font-family: Helvetica, Arial; color: black;	font-size: medium; font-weight: bold; border-color: #ccc; border-bottom-width: 1px;}

/* Tables */
.bwTable1 {
	border: 1px solid #ccc; 
	padding: 3px;	
	border-collapse:collapse;
}
.bwTable1 tr {
	background-color:#fff;
}
.bwTable1 th {
	/* display:inline-block; */
	height:25px;
	background-color:#ccc;
}
.bwTable1 td {
	/* display:inline-block; */
	height:30px;
	padding: 3px;	
	border: 1px solid #ccc;
	border-collapse:collapse;
}

.label {font-weight: normal; font-size: small;}
.topMenuText {font-size: medium; font-weight:bold;}
.autoCompleteList {font-size: small; cursor: pointer;}
.autoCompleteList :hover {background-color: #508cfe;}
a.linkSm {font-size: small;}
a.linkMed {font-size: medium;}
a.logoLink {text-decoration: none; border: none;}
a.logoLink:hover {text-decoration:none;	border: none;}
td.mainHeader {border-bottom: solid 1px #CCCCCC; padding: 0px;}
td.searchResultCell {width: 33%; text-align: center; font-size: medium;	padding: 3px;}
td.searchResultCell:hover {background-color:#99ccff;}
tr.searchResultRow {cursor: default; background-color: White;}
tr.searchResultRowHover {background-color:#99ccff;}
.watermark {color: gray;}
span.searchingText {color: #0029E1; font-size: medium;}
h1 {font-weight: bold; font-size: medium; border-bottom: solid 1px gray; width: 100%;}
img.imageButton {cursor: pointer;}

ul.navigationList {PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 170%; display: block; text-align:left; list-style-type: none; font-size: medium; font-weight: normal; width:160px;}
ul.navigationList li {color: #0000ff;}
ul.navigationList a {text-decoration: none;	color: #0000ff;}
ul.navigationList a:visited {text-decoration: none;	color: #0000ff;}
ul.navigationList a:hover {border-bottom: dotted 1px #0000ff;}
ul.navigationList li.visiting {color: White;}
li.level1 {font-size:150%;}
li.level2 {font-size:180%;}
li.level3 {font-size:20%;}
li.level4 {font-size:240%;}
li.level5 {font-size:300%;}
ul.tagCloud {display: block; MARGIN: 0px; padding:0px; LINE-HEIGHT: 200%; list-style-type: none; width:170px; text-align: justify;}
ul.tagCloud li{DISPLAY: inline;	MARGIN: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; color: black;}
ul.tagCloud li a {color: black;}
ul.tagCloud li a:visited {color: black;}
ul.bottomMenu {padding:0px;	margin: 0px; LINE-HEIGHT: 150%; display: block;	text-align:center; list-style-type: none; padding-top: 40px; padding-bottom: 10px;}
ul.bottomMenu li {display: inline; padding-left: 10px; padding-right: 10px;	font-size: small;}
ul.bottomMenu li.sep {display: inline; padding: 0px;	border-left: dotted 1px gray; width: 1px; font-size: small;}


/* NEW STYLES */
input, select, textarea{
	font-family: Helvetica, Arial; 
	font-size: small;
	/* width: 300px; */
	padding: 10px 20px;
	margin: 1px 0px;
	/* height: 40px; */
	border: 1px solid #CCCCCC;	
	border-radius: 3px;
	box-sizing: border-box;
}
input.MedFields, select.MedFields, textarea.MedFields{
	font-family: Helvetica, Arial; 
	font-size: small;
	/* width: 200px; */
	padding: 8px 16px;
	margin: 0px;
	/* height: 20px; */
	border: 1px solid #CCCCCC;	
	border-radius: 3px;
	box-sizing: border-box;
}
input.SmFields, select.SmFields, textarea.SmFields{
	font-family: Helvetica, Arial; 
	font-size: x-small;
	/* width: 200px; */
	padding: 5px 10px;
	margin: 0px;
	/* height: 20px; */
	border: 1px solid #CCCCCC;	
	border-radius: 3px;
	box-sizing: border-box;
}

#loader {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(70,70,70, 0.5);
  top: 0;
  left: 0;
  z-index: 999;
}
.loadingmessage { 
  top: 50%; 
  position: relative; 
}
.spinner { 
  width: 40px;
  margin: -100px auto 0;
  display: block;
}

/* Btn1 Blue Buttons */
.btn1{
	display: inline-block;
	color:#FFF;					
	text-decoration: none;
	background-color: #0099ff;	
	border:none !important;	
	cursor:hand;
	/* move up */
	border-radius:3px;			/* CSS3 */ 
	-moz-border-radius:3px;		/* Firefox */
	-webkit-border-radius:3px;	/* Safari and Chrome */
	-webkit-appearance: none;	/* iPad / Safari */
}
.btn1:hover{
	background-color: #66c2ff;	
}
.btn1:focus{
	/* border-color: #0099ff; */
    /* border: none; */
    /* outline: none; */
}

.btnXSmall {
	font-size:8px;
	padding:2px 3px 3px 3px; /* 2px 3px 3px 3px */
	width:40px;			/* to solve IE padding issue part 1 */
	overflow:visible;	/* to solve IE padding issue part 2, Uggh! */
}
.btnSmall {	/* for Briefing Search */
	font-size:14px;
	padding:5px 10px 7px 10px;	
	width:auto;
	overflow:visible;	
}
.btnLarge {	/* default Button */
	font-size:16px;
	padding:8px 15px;
	width:auto;			
	overflow:visible;	
}
.btnXLarge {
	font-size:24px;
	padding:10px 15px;
	width:auto;			
	overflow:visible;	
}
/* END NEW STYLES */