/***
 * Resources/stylesheet.css
 * 
 * www5mins style sheet
 * 
 * @version 20090218 RWMcC importing Adam's stylesheet work
 **/

/* body stuff from adam */
body 
{
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 73%;
	background-color: #FFF;
	background-image: url(bg-page3.gif);
	background-repeat: repeat-x;
}


#contentMain 
{
    background-color: #ffffff;
}

#contentFoot
{
    clear: both;
    background-color: #e0e0ff;
}


#divFoot
{
    text-align: center;
}

#fortune
{
    display: none;
    text-align:center;
    font-style:italic;
    font-size:small;
}

.clear 
{
    clear: both;
}

.centre
{
    text-align:center;
}
/* adam:begin -- hacked to remove .oneColFixCtr class prepending each declaration */

.oneColFixCtr 
{
}

#container {
	width: 850px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 13px;
}
#containerwide {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 13px;
	padding-right: 20px;
	padding-left: 20px;
}
#header {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 43px;
}
#header p {
	text-align: right;
}
#header a {
	text-align: right;
	text-decoration: none;
	color: #666;
}
#header a:hover {
	text-align: right;
	text-decoration: underline;
	color: #039;
}
#searchArea {
	height: 290px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#searchArea input {
	margin-top: 14px;
	width: 150px;
}
#searchArea form {
	height: 248px;
}
#searchArea a {
	color: #666;
	text-decoration: none;
}
#searchArea a:hover {
	text-align: right;
	text-decoration: underline;
	color: #039;
}

#searchArea #flashLeft {
	height: 249px;
	width: 190px;
	float: left;
	margin-left: 25px;
}

#flashLeft {
	height: 249px;
	width: 190px;
	float: left;
	margin-left: 25px;
}


#searchArea #flashRight {
	height: 249px;
	width: 190px;
	float: left;
}
#searchArea #searchBlock {
	height: 248px;
	width: 419px;
	float: left;
	background-image: url(search-bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#searchArea #searchBlock #searchButton {
	position: relative;
	width:94px;
	height:117px;
	z-index:2;
	top: -83px;
	left: 325px;
	clear: none;
	float: none;
}

/* -moz-    Firefox 4 */
/* -webkit- Safari and Chrome */
/* -o-      Opera */
/*
#searchButton {
  transition:width 2s, height 2s;
  -moz-transition:width 2s, height 2s, -moz-transform 2s; 
  -webkit-transition:width 2s, height 2s, -webkit-transform 2s;
  -o-transition:width 2s, height 2s, -o-transform 2s; 
}
#searchButton:hover {
  transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  -o-transform:rotate(360deg); 
}
*/

#mainContent {
	background-image: url(block-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 38px;
	padding-bottom: 0;
	padding-left: 38px;
}

#mainContent h1 {
	font-size: 1.6em;
	color: #334178;
	background-image: url(clock.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 60px;
	line-height: 55px;
	text-indent: 30px;
	margin-right: 30px;
	margin-left: 30px;
}

.tagline {
	font-size: 0.8em;
	color: #777;
}

#mainContent p {
	padding-left: 30px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.8em;
	margin-bottom: 10px;
}

.register {
  /*color: #334178 !important;*/
  font-size: 1.1em; 
  font-weight: bold;
  
  transform:rotate(10deg);
  -ms-transform:rotate(9deg); /* IE 9 */
  -moz-transform:rotate(10deg); /* Firefox */
  -webkit-transform:rotate(10deg); /* Safari and Chrome */
  -o-transform:rotate(10deg); /* Opera */ 
  transition:width 1s, height 1s;
  -moz-transition:width 1s, height 1s, -moz-transform 1s; 
  -webkit-transition:width 1s, height 1s, -webkit-transform 1s;
  -o-transition:width 1s, height 1s, -o-transform 1s; 
 
}
  
.register a {
  background-color: #334178 !important;
  color: white !important;
  font-size: 1.1em; 
  font-weight: bold;
  border-radius: 5px;
  padding: 2px;
}
  
.register:hover {
  transform:rotate(0deg);
  -moz-transform:rotate(0deg); 
  -webkit-transform:rotate(0deg); 
  -o-transform:rotate(0deg); 
}

.oneColFixCtr #mainContent #test-accordion p {
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.oneColFixCtr #mainContent a {
	text-decoration: none;
}
.results-company {
	font-weight: bold;
	color: #006;
	text-indent: 27px;
	width: 324px;
	float: left;
	line-height: 35px;
}
.results-address {
	width: 175px;
	float: left;
	line-height: 35px;
}
.results-telephone {
	width: 115px;
	float: left;
	margin-left: 10px;
	line-height: 35px;
}
.mid {
	margin-top: 30px;
}

.c-1 {
	display: block;
	width: 170px;
	float: left;
	text-align: center;
	/* height: 130px; */
	margin-top: auto;
	margin-bottom: auto;
	/* background-color: Gray; */
}
.c-2 {
	display: block;
	width: 253px;
	text-align: left;
	float: right;
	margin-right: 20px;
	/* background-color: Gray; */
}
.c-3 {
	display: block;
	width: 220px;
	text-align: left;
	float: right;
	margin-right: 38px;
	/* background-color: Gray; */
}


/* hack #mainContent*/
.cmsContent {
	background-image: url(block-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

.cmsContent h1 {
	font-size: 1.6em;
	color: #334178;
	background-image: url(clock.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 60px;
	line-height: 55px;
	text-indent: 30px;
	margin-right: 30px;
	margin-left: 30px;
}

.cmdContent h1 .tagline {
	font-size: 0.8em;
	color: #777;
}

/* 20100111 RWMcC new - to make the h3 indent match h1 */
.cmsContent h3 {
	padding-left: 0px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.6em;
	margin-bottom: 10px;
}


.cmsContent p {
	padding-left: 30px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.6em;
	margin-bottom: 10px;
}

/* 20091103 RWMcC */
.cmsContent ul {
	padding-left: 50px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.6em;
	margin-bottom: 10px;
}



/* adam:end*/


/* divs */
.divVisible 
{
    visibility: visible;
}

.divHidden
{
    visibility: hidden;
}

.lock_off {
    display: none;
    visibility: hidden;
}

.lock_on 
{
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: #ccc;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
}



/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
    background: none;
}

.flatInput
{
    border: none !important;
    /* color: black !important; */
    /* background-color: #ffffff !important; */
    /* background-color: #f0f0ff; */
    font-size: 1.2em !important; 
    vertical-align: middle; 
}

.watermarkOn
{
    color: Gray !important;
}

.watermarkOff
{
    color: #666 !important;
}

.paging
{
    margin-left: 67px;
}

.mobileItem
{
    background-color: #ccddee;
}

.mobileAltItem
{
    background-color: #ddeeff;
}
.mobileSelItem
{
    background-color: #b5c6d7;
    color: #555;
}
.mobileSelInfo
{
    background-color: #bbccdd;
    color: #555;
    vertical-align: top;
}

/* display and input data div classes (under .cmscontent) */
.displayLabel
{
    text-align:right;
    margin-right: 1em;
    width: 15em;
}
.displayData
{
    text-align:left;
    vertical-align: top;
    width: 35em;
    border: none;
}
.inputLabel
{
	/* margin-left: 30px; */
    text-align: right;
    width: 15em;
}
.inputData
{
    text-align: left;
    vertical-align: top;
    width: 35em;
}
.inputWarning
{
    text-align: left;
    /* width: 15em; */
    font-style: italic;
    margin-left: 5px;
    color: Red;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.contrib {
  color: #888;
  text-decoration: none;
}