﻿/*
** Common styles
*/ 
h1, h2, h3, h4, h5, h6, p, hr
{
  width: 800px;
}

h1
{
  border: none;
  font-size: x-large;
  font-weight: bold;
  color: #ffffff;  
  padding: 3px;
  background-color: #3d4b99; /* Old browsers */
  background-image: -moz-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d4b99), color-stop(100%,#c1d1ef)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* Opera11.10+ */
  background-image: -ms-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4b99', endColorstr='#c1d1ef', GradientType=1); /* IE6-9 */
  background-image: linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* W3C */
}

h2
{
    border: none;
    font-size: medium;
    font-weight: bold;
    padding: 5px;
    color: #3d4b79;
    background-color: #c1d1ef; /* Old browsers */
    background-image: -moz-linear-gradient(left, #c1d1ef 0%, #ffffff 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#c1d1ef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(left, #c1d1ef 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(left, #c1d1ef 0%, #ffffff 100%); /* Opera11.10+ */
    background-image: -ms-linear-gradient(left, #c1d1ef 0%, #ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1d1ef', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
    background-image: linear-gradient(left, #c1d1ef 0%, #ffffff 100%); /* W3C */
}

.h2
{
  text-decoration: none; 
  color: #3d4b79 !important;
}

h3
{
  font-size: medium;
  font-weight: bold;
  color: #1e2579;
  margin-bottom: 5px;
}

body 
{
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}

body.development
{
  background-image: url('_imgDevelopmentWatermark.png');
}

a:hover, a:link, a:visited
{
  color: #1e25c9;
  height: 18px;
}

div, span
{
  width: auto;
}

ul, ol
{
  padding-left: 30px;
  margin-top: 10px;
}

ul
{
  list-style-image: url('_imgDotDarkBlue9x9.png');
}

ol
{
  list-style-image: none;
}

li
{
  margin-bottom: 8px;
}

ol li
{
  color: #272C49;
  font-weight: bold;
}

ol span
{
  color: #000000;
  font-weight: normal;
}

img
{
  border: none;
}

hr
{
  border: none;
  height: 2px;
  text-align: left;
  margin-left: 0;
  background-color: #3d4b99; /* Old browsers */
  background-image: -moz-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#3d4b99), color-stop(100%,#c1d1ef)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* Opera11.10+ */
  background-image: -ms-linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4b99', endColorstr='#c1d1ef', GradientType=1); /* IE6-9 */
  background-image: linear-gradient(left, #3d4b99 0%, #c1d1ef 100%); /* W3C */
  *height: 3px;
}

input, select, textarea, button 
{ 
    /* For accessibility. This causes browsers to resize text inside input elements. */
    font-size: 100%; 
}

input[type=text], select, input[type=password], input[type=file]
{
  background-color: #ffffcc;
}

textarea
{
  /*resize: none; /* Prevent textarea resizing in Chrome, Safari, and Firefox */
  background-color: #ffffcc;
}

/*
** Error styles
*/
.errorGraphic
{
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  width: 18px;
  height: 18px;
}

.error
{
  font-size: medium;
  color: red;
}

.errorMessage
{
  width: 770px;
  margin-top: 15px;
  float: left;
  font-weight: bold;
}

.backgroundError
{
  background-color: #ff8f8f !important;
}

.summaryErrorMessage
{
  width: 780px;
  margin-top: 7px;
  margin-left: 20px;
  float: left;
  font-weight: bold;
  color: red;
}

/* 
** Logo styles 
*/

.ILSeal 
{
  margin: 10px 20px 0 0;
  float: left;
}

.ILSeal img
{
  width:75px;
  height:75px;
}

.IGB
{
  padding-top: 30px;
  font-size: x-large;
  font-weight: bold;
  color: #104b8f; 
}

/* 
** Button styles 
*/
.linkColumn
{
  font-size: small;
  width: 200px;
  float: left;
} 

.buttonColumn
{
  width: 600px;
  float: left;
}

.buttonBar
{
  float: right;
  padding-bottom: 10px;
}

.button
{
  float: left;
}

.buttonGap
{
  float: left;
  width: 8px;
}


/*
** jQuery styles
*/
.default
{ /* default button on page */ }
.recalcHT1
{ /* sets total text to Recalculate */}




/*
** Page display styles
*/ 
.staticHtml 
{
  font-size: medium;
}
.pageMargin
{
  margin-left: 20px;
}
.container
{
  width: 800px;
  margin-bottom: 0;
}
.copyright 
{
  text-align: center;
  padding-top: 40px;
  padding-bottom: 5px;
  clear: both;
  font-size: small;
}
.clear
{
  float: none;
  clear: both;
}
.instructions
{
  width: 780px;
  color: #505A95;
  font-weight: bold;
}
.instructions b
{
  color: #272C49;
}
.instructions ul
{
  font-size: medium;
}
.line
{
  width: 1400px;
  margin-bottom: 15px; 
}
.margin
{
  float: left;
  width: 20px;
}
.searchLabel
{
  float: left;
  width: 125px;
}
.searchDate
{
  float: left;
  width: 100px;
}
.licenseeList
{
  float: left;
	width: 600px;
}
.statusDetails
{
 float: left;
 width: 400px;
}
.statusLabel
{
	float: left;
	width: 350px;
}
.detailsLink
{
	float: left;
	width: 200px;
}
.taxCalcLabel
{
	float: left;
	width: 225px;
}
.taxCalcLine
{
  width: 800px;
  margin-bottom: 8px; 
}
.reportLabel
{
	float: left;
	width: 175px;
}
.sportName
{
 float: left;
 width: 100px;
}
.totals, .details
{
 float: left;
 width: 125px;
}
.publishLoc
{
 float: left;
 width: 100px;
}
.dataEntry
{
 float: left;
 width: 115px;
}
.IGBButtons
{
 float: left;
 width: 80px;
}
.recalcLink
{
	float: left;
	width: 100px;
}
.comments
{
	float: left;
	width: 400px;
}
.money
{
 text-align: right;
}
.readonly
{
	background-color: #e1e1e1;
	padding: 2px;
}
.bold
{
  font-weight: bold;
}
.editLink
{
	margin-left: 10px;
}
.incompleteDetail
{
	color: red;
	font-weight: bold;
}
.note
{
  color: #3d4b99;
  font-weight: bold;
}
.nobr 
{
  white-space: nowrap
}

/* default */
ul.infoLinks
{
  padding-left: 20px;
  list-style-type: none;
  list-style-image: none;
}

p.js-warning
{
  font-weight: bold;
  color: #1e2579;
  font-size: medium;
  text-align: center;
}

p.js-warning b
{
  color: red;
  font-size: x-large;
}


/* Login & Password Change */
.loginLabel
{
  float: left;
  width: 200px;
}

.loginData
{
  float: left;
  width: 200px;
}

.licenseeData
{
  float: left;
  width: 400px;
  text-align: left;
}



/*
** Help styles
*/

.helpHeading
{
  width: 780px;
  font-size: medium;
  font-weight: normal;  
  font-style: italic; 
  color: #000099;
  margin-bottom: 5px;
}

.helpDetail
{
  width: 760px;
  margin-left: 20px;
  margin-bottom: 15px;
}

.helpGeneral
{
  width: 780px;
  margin-bottom: 15px;
}

.helpSublist
{
	list-style-image: none; 
	list-style-type: none;
}

ul.helpSublist
{
	margin-top: 5px;
}


/* Account settings */
th
{
  text-align: left;
}

table.grid 
{
	border-width: 0;
	border-spacing: 2px;
	border-style: outset;
	border-color: blue;
	border-collapse: collapse;
	margin-left: 20px;
	margin-bottom: 10px;
}
table.grid th 
{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-width: 0;
	border-style: outset;
	border-color: blue;
}
table.grid td 
{
	border-width: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-style: outset;
	border-color: blue;
}
table.password
{
  margin-left: 20px;
  width: 350px;
}
.menuLink
{
  margin-bottom: 15px;
  margin-left: 20px;
}
.newLink
{
  font-weight: bold;
  color: #3d4b99;
}


/* 
** Hint Box styles
*/
.hint
{
  display: none;
  position: absolute;
  width: 200px;
  margin-left: 20px;
  border: 1px solid #cc9933;
  padding: 5px;
  text-align: left;
  background-color: #ffffcc;
}

.left 
{
  /* jQuery will set the left attribute */
  margin-top: -5px;
}

.hint.left .pointer
{
  position: absolute;
  width: 10px;
  height: 19px; 
  left: -10px;
  top: 5px;
  background-image: url('imgHintPointerLeft.png');
  background-repeat: no-repeat;
}
.maintenance
{
  background-color: #efbdc7;
  padding: 15px;
  color: #31708f;
  padding-left: 30px;
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: #bce8f1;
}
/* debug 

div{border: 1px solid red;} 

.yellow 
{
  background-color: yellow;
}
*/