* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align:center; /*For IE6 Shenanigans*/
}

p {
 padding: 10px;
}


#wrapper_trans { 
 margin: 0 auto;
 width: 1220px;
 position: relative;
 text-align:left;

}

#search { 
 float: right;
 width: 250px;
 color: #333;
 margin:0 0 0 20px;
 font-size:10px;
}


#header {

 width: 1220px;
 height: 0px;
 
 clear: both;
 color: #333;
 
}

#logo {
float:left;
}

#footer { 
 width: 1220px;
 height: 0px;
 clear: both;
 color: #333;
 background-color:#FFF;
}

#box_100_perc {
 float: left;
 width: 1180px;
 color: #333;
 margin:0 0 0 20px;
 font-size:10px;
}
#new_system {
	float: right;
	width: 150px;
	height: 25px;
	background-color:#FFFF80;
	line-height:25px;
	text-align:center;
}

#content { 
 float: left;
 color: #333;
 width: 80px;
 display: inline;
 font-size:10px;
}

#leftside { 
 float: left;
 width: 585px;
 color: #333;
 font-size:10px;
}

#dynamic_div {
 float: left;
 color: #333;
 margin:0 0 0 0px;
 font-size:10px;
}

#leftcolumn { 
 float: left;
 width: 250px;
 color: #333;
 margin:0 0 0 20px;
 font-size:10px;
}


#rightcolumn { 
 color: #333;
 width: 590px;
 float: left;
 font-size:10px;
}
.white_box {
	background:#FFFFFF;
}

#mytable-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 2px solid #BFBFBF;
}
#mytable-b th
{
	padding: 3px 3px 1px 3px;
	font-weight: bold;
	font-size: 10px;
	color: #039;
	background:#CCC;
}
#mytable-b tbody
{
	/*background:#F2F2F2;*/
}
#mytable-b td
{
	padding: 2px;
	color:#000;
	/*text-align: center;*/
	/*border-top: 1px solid #fff;*/
}
#mytable-b tbody tr:hover td
{
	color:#333;
	background:#E9E9E9;
}


#mytable-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 2px solid #BFBFBF;
}
#mytable-c th
{
	padding: 3px 3px 1px 3px;
	font-weight: bold;
	font-size: 10px;
	color: #039;
	background:#CCC;
}
#mytable-c tbody
{
	/*background:#F2F2F2;*/
}
#mytable-c td
{
	padding: 2px;
	color:#000;
	/*text-align: center;*/
	/*border-top: 1px solid #fff;*/
}


.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
}



a.white:link {color: #FFF; text-decoration: none} 
a.white:visited {color: #FFF; text-decoration: none}
a.white:active {color: #FFF; text-decoration: none}
a.white:hover {color:#CCC; text decoration: none}





		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 100%;
			background-color:#e9e9e9;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 960px){
			img.bg {
				left: 50%;
				margin-left: -610px; }
		}
		
		#wrapper { 
			position: relative; 
			width: 1220px; 
			margin: 0px auto; 
			padding: 0px; 
			background: white; -moz-box-shadow: 0 0 0px black; 
			-webkit-box-shadow: 0 0 0px black; 
			box-shadow: 0 0 0px black;
			}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 0px 0px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
padding:10px 10px 10px 50px;
height:50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url(../../themes/stantec/buttons/info.png);
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(../../themes/stantec/buttons/success.png);
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image:url(../../themes/stantec/buttons/yellow_attention.png);
}
.error {
color:#7A1D1F;
background-color: #FFBABA;
background-image: url(../../themes/stantec/buttons/validation.png);

}
.validation {
color:#069;
background-color:#E1F4FF;
background-image: url(../../themes/stantec/buttons/validation.png);
}


.weather {
				background:url(../../assets/images/bg_weather.png) no-repeat;
				color:#4f6b72;
				padding:4px;
				margin-bottom:2px;
				width:188px;
				height:50px;
				overflow:hidden;
				float:left;
				margin-right:0px;
			}			
			.weather img {
				vertical-align:middle;
				float:left;
				margin-right:4px;
			}


#fancy-table
        {
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
#fancy-table caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
#fancy-table th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #eee;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align:center;
        padding: 4px 6px 2px 6px;
        background: #4188BE/* url(../../modules/table-actions/media/bg_header.jpg) no-repeat*/;
        vertical-align:middle;
        }
#fancy-table td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 3px 6px 3px 6px;
        color: #4f6b72;
        text-align:center;
        }

/* Alternate row style */
#fancy-table tr.alt
        {
        background: #CBE0F8;
        color: #797268;
        }
/* The current cell */
#fancy-table tbody tr td.currentCell,
#fancy-table tbody tr td:hover,
#fancy-table tbody tr.alt td:hover
        {
        background-color:#4188BE;
        color:#eee !important;
        }
/* Normal row hover styles */ 
  
/* Alternate row hover styles */
#fancy-table tr.alt:hover td
        {
        background-color:#8DAFD5;
        color:#eee !important;
        }    
/* Column "cell" highlighting */
#fancy-table  tr td.rowHover
        {
        background-color:#8DAFD5;
        }
/* Header highlighting */
#fancy-table  tr th.rowHover
        {
        color:#222;
        }   
/* Row select styles */ 
#fancy-table  tbody tr.alt.rowSelect,   /* Everything but Internet Explorer (IE treats this rule as being tr.rowSelect) */
#fancy-table  tbody tr.alt.rowSelect td
        {
        background-color:#597bc6;
        color:#eee !important;
        }
#fancy-table  tbody tr.rowSelect, /* All browsers */
#fancy-table  tbody tr.rowSelect td
        {
        background-color:#6783cb;
        color:#fff !important;         
        }

#fancy-table tr.rowSelect td.rowHover,
#fancy-table tr.rowSelect:hover td
        {
        background-color:#6783bb;
        }
#fancy-table tr.alt.rowSelect td.rowHover,
#fancy-table tr.alt.rowSelect:hover td
        {
        background-color:#597bb6;
        }
#fancy-table tr.rowSelect td:hover,
#fancy-table tr.rowSelect td.currentCell
        {
        background-color:#5783bb;
        }
#fancy-table  tr.alt.rowSelect td:hover
        {
        background-color:#497bb6;
        }
/* Just for the demo, make the cursor a pointer if the table rows are selectable */
#fancy-table.rowselect-rowSelect tbody td
        {
        cursor:pointer;
        }
		
#fancy-table1
        {
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
#fancy-table1 caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
#fancy-table1 th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #eee;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align:center;
        padding: 4px 6px 2px 6px;
        background: #4188BE/* url(../../modules/table-actions/media/bg_header.jpg) no-repeat*/;
        vertical-align:middle;
        }
#fancy-table1 td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 3px 6px 3px 6px;
        color: #4f6b72;
        text-align:center;
        }

/* Alternate row style */
#fancy-table1 tr.alt
        {
        background: #CBE0F8;
        color: #797268;
        }

#fancy-table1 th a:link {
	color: #FFF;
}
#fancy-table1 th a:visited {
	color: #FFF;
}
#fancy-table1 th a:hover {
	color: #CCC;
}
#fancy-table1 th a:active {
	color: #FFF;
}

input.chk {
    width: 15px;
    margin:0.1222em;
}