/*for priniting*/


@media print
{
	*
	{
		font-size: 7px;
		font-family: Arial;
	}



	Table
	{
		margin-top: 1px;
		font-size: 7px;
		font-family: arial;
	}

	TD
	{
		font-size: 7px;
		font-family: Arial;
	}

	Body
	{
		font-size: 7px;
		font-family: Arial;
	}

    input, select, textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box
    }

	#r11
	{
		font-size: 7pt;
	}

	#pages
	{
		height: 100%;
		overflow: visible;
	}

	#scroller
	{
		height: 100%;
		margin: 0% 0%;
		overflow: visible;
	}

	div.scroller
	{
		height: 100%;
		margin: 0% 0%;
		overflow: visible;
	}

	div.breakafter
	{
		page-break-before: always;
		page-break-after: always;
	}

	div.dropdown
	{
		display: none;
	}
	div.navbar
	{
		display: none;
	}
	div.navbarleft
	{
		display: none;
	}
	div.navbarright
	{
		display: none;
	}
	div.navbarrightitem
	{
		display: none;
	}

	table.separator
	{
		display: none;
	}

	table.BrandingBody
	{
		display: none;
	}

	#pageHeader
	{
		display: none;
	}

	#pageFooter
	{
		display: none;
	}

	#TripsheetImage
	{
		display: none;
	}

}


/* basic formatting */
*
{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000000;
}
html, body, form.frmInput
{
	width: 100%;
	height: 100%;
}
body
{
	color: #000000;
	background: #ffffff url(../images/platform.ashx);
	text-align: center;
}
p
{
	text-align: left;
	padding: 5px 0;
}
ul
{
	text-align: left;
	padding: 0 0 5px 25px;
}
a, a:visited, a:hover
{
	color: #000000;
}
a.radiolink, a.radiolink:visited, a.radiolink:hover
{
	text-decoration: none;
	color: #000000;
}
a.ascending, a.ascending:visited, a.ascending:hover
{
	text-decoration: none;
	color: #000000;
	padding: 0 8px;
	background: no-repeat center right url(../images/default/btnColumnSortUp_EN.gif);
}
a.descending, a.descending:visited, a.descending:hover
{
	text-decoration: none;
	color: #000000;
	padding: 0 8px;
	background: no-repeat center right url(../images/default/btnColumnSortDown_EN.gif);
}

/* menu styles */
div.navbar
{
	color: #99cc00;
	background: #666666;
	height: 20px;
	font-weight: bold;
}
div.navbarleft
{
	float: left;
}
div.navbarright
{
	float: right;
}
div.navbarrightitem
{
	float: left;
	padding: 3px 12px;
	border-left: 1px solid #99cc00;
	color: #99cc00;
	cursor: default;
}
div.navbaritem, div.navbaritemOver, div.navbaritemDisabled
{
	float: left;
	padding: 3px 12px;
	border-right: 1px solid #99cc00;
}
div.navbaritem
{
	color: #99cc00;
	background: #666666;
}
div.navbaritemOver
{
	color: #666666;
	background: #99cc00;
	cursor: pointer;
	cursor: hand;
}
div.navbaritemDisabled
{
	color: #709500;
	background: #666666;
}



div.dropdown
{
	position: absolute;
	display: block;
	color: #99cc00;
	background: #666666;
	border: 1px solid #99cc00;
	padding: 2px 2px;
	height: auto;
	visibility: hidden;
	top: -500px;
	left: 0px;
	font-weight: bold;
}
div.dropdownitem, div.dropdownitemOver, div.dropdownitemDisabled
{
	text-align: left;
	padding: 3px 12px;
}
div.dropdownitem
{
	color: #99cc00;
	background: #666666;
}
div.dropdownitemOver
{
	color: #666666;
	background: #99cc00;
	cursor: pointer;
	cursor: hand;
}
div.dropdownitemDisabled
{
	color: #709500;
	background: #666666;
}
div.dropdownseparator
{
	border-bottom: 1px solid #99cc00;
	margin: 2px 0;
}

/* page layout framework */
#page
{
	margin: 0 auto;
	position: relative;
	text-align: left;
}

.pageheader
{
	width: 100%;
	padding: 10px 0 0 0;
	height: 20px;
}

.pageheader3IS
{
	width: 100%;
	padding: 10px 0 0 0;
	height: 60px;    
}

#pageBody
{
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}
#pageFooter
{
	clear: both;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #666666;
	height: 30px;
}
#scroller
{
	overflow: auto;
}
#map
{
	float: none;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
}
#pager
{
	padding: 10px 0 0 0;
	text-align: right;
}

/* other styles */
div.calendar
{
	position: absolute;
	visibility: hidden;
	background-color: white;
	layer-background-color: white;
	border-radius:5px;
}
.calendar table
{
    border-radius:5px;
}

.calendar_round
{
    border-radius:5px;
}

.cal.first
{
    border-top-left-radius:5px; 
}
.cal.last
{
    border-top-right-radius:5px; 
}

div.reportHeader
{
	padding-bottom: 10px;
	padding-right: 17px;
}
div.footer
{
	padding: 10px 0 5px 0;
	border-top: 1px solid #666666;
	height: 30px;
}
div.userScroller
{
	overflow: auto;
}
hr.separator
{
	color: #666666;
	height: 1px;
}
iframe.shim
{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

input, select
{
    padding-top:2px;
    padding-bottom: 2px;
}

select
{
    padding-left:2px;
    padding-right:2px;    
}

input.disabled
{
	font-family: arial, helvetica;
	font-size: 11px;
	color: #999;
	background-color: #d8d8d8;
	text-decoration: none;
	border: solid 1px #999;
}
select.disabled
{
	font-family: arial, helvetica;
	font-size: 11px;
	color: #999;
	background-color: #d8d8d8;
	text-decoration: none;
	border: solid 1px #999;
}
span.aFilter
{
	filter: progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=3);
	width: 50px;
}
table.separator
{
	width: 100%;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #666666;
}


td.separator
{
	width: 100%;
	height: 1px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #cccccc;
}
/*New separator classes*/
div.separator
{
    width: 100%;
    margin: 5px 0 10px 0;
	border-bottom: 1px solid #666666;
	height: 13px;
}

div.separator div
{
    float:left;
    padding-bottom:2px;
}

div.custsub-hilite
{
    float:right !important;
}

.altline
{
	background-color: #e8e8e8;
}
.colourbar
{
	background-color: #99cc00;
	font-weight: bold;
}
.test-pass
{
	background-color: #7fff79;
}
.test-fail
{
	background-color: #ff7f79;
}
.colourbar-hilite
{
	background-color: #ceffce;
}
.colourbar-hilite2
{
	background-color: #ff9191;
}
.custsub-unfloated
{
    color: #666666;
	padding-left:5px;
}
.custsub, .custsub-bold
{
	color: #666666;
	float:left;
	padding-left:5px;
}
.custsub-bold
{
	font-weight: bold;
}
.custsub-hilite
{
	font-style: italic;
	color: #ff6600;
	padding-right:5px;
}
.error
{
	font-weight: bold;
	color: #ff0000;
}
.labelbold
{
	font-weight: bold;
}
.nodata
{
	padding: 30px 0;
	color: #666666;
}
.statusbanner
{
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
}
.subhead
{
	font-weight: bold;
}

.looksLikeButton
{
	padding-left: 2px;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #5B5F5F;
	text-decoration: none;
	vertical-align: top;
	cursor:pointer;
}

.looksLikeDisabledButton
{
	padding-left: 2px;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #ACABAB;
	text-decoration: none;
	vertical-align: top;
}

.looksLikeImage
{
	font-family: Gill Sans;
	font-size: 14px;
	font-weight: bold;
	color: #5B5F5F;
}

.looksLikeLink
{
	padding-left: 2px;
	font-family: Arial;
	font-size: 11px;
	vertical-align: top;
	cursor:pointer;
	background:transparent none repeat scroll 0% 0%;
	border:medium none;
	text-decoration:underline
}

a.tab
{
	border-collapse: collapse;
	border-style: solid solid none solid;
	border-color: black;
	border-width: 1px 1px 0px 1px;
	background-color: #99cc00;
	padding: 2px 0.5em 0px 0.5em;
	margin-top: 4px;
	text-decoration: none;
	font-size:11px;
}
a.tab:hover
{
	border-color: black;
	color: white;
}

.panel 
{ 
	border-top: solid 1px black; 
	color: black; 
	padding: 5px; 
	overflow: auto;
}

#modal_dialog_container
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image: url(../images/default/modal_background.png);
	z-index:100;
	cursor:progress;
}

#modal_dialog_prompt
{
	width:400px;
	margin-left:-150px;
	padding:10px;
	height:200px;
	margin-top:-100px;
	top:50%;
	position:absolute;
	background-color: #fff;
	border: solid 1px #ddd;
	font-size: 16pt;
	z-index:101;
}

#modal_dialog_prompt span
{
	display:block;
	padding:5px;
	text-align:center;
}

#modal_dialog_prompt #modal_dialog_icon
{
	float:left;
	clear:left;
}

#modal_dialog_prompt fieldset
{
	display:block;
	border:none;
	margin-top:10px;
}

#modal_dialog_prompt input
{
	width:60px;
	padding: 5px;
}

#popupRoot
{
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.85;
    filter: alpha(opacity=85);
    background-color: Silver;
    top: 0;
    left: 0;
    padding: 20%;
    display: none;    
}

#popupDetail
{
    position: absolute;
    border: 1px solid black;
    padding: 30px;
    height: 200px;
    width: 400px;
    background-color: #fff;
    text-align:center;
}

#popupDetail h1
{
    margin-bottom: 30px;
}


.clear{	clear: both;}

.mapButtonContainerFieldSet
{
	overflow: hidden;
}

.mapButtonContainer
{
	overflow: hidden;
	float: left;
}

.helpLinkContainer
{
	float: right;
}

.helpLink
{
	display: block;
	border: 1px solid black;
	background-color: Green;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.5em;
	color: White;
	text-decoration: none;
	font-weight: bold;
}

.helpLink:visited
{
	color: White;
}

.helpLink:hover
{
	text-decoration: underline;
	color: White;
}

div#placeEditMapButtons
{
	float: left;
}

.multiSelectContainer {
    border: 2px solid #ccc; 
    width:300px; 
    height: 100px; 
    overflow-y: scroll; 
}

.tdParameters {
    vertical-align: top !important;
    text-align: left;
}

.rotatecontainer {
  height: 70px; 
  width: 15px;
  overflow: hidden; 
}

.rotatecontainer .rotate {

line-height: 15px;
background: #fff;
display : block;
white-space: nowrap;
/* so it stays off the edge */
padding-left: 3px;
     
/* IE specific rotation code */
writing-mode: tb-rl;
filter: flipv fliph;

transform: rotate(270deg) translate(-70px,0);
transform-origin: 0 0;
-moz-transform: rotate(270deg) translate(-70px,0);
-moz-transform-origin: 0 0;
-webkit-transform: rotate(270deg) translate(-70px,0);
-webkit-transform-origin: 0 0;
 /*   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/

}