/*
'*************************************************************************************
'	Copyright 2009 by PelicanCorp (www.pelicancorp.com). All Rights Reserved.
'
'	Project			 :	DigSAFE OneCall 2.5
'	File Name		 :	onecall.css
'	Author			 :	Heinrich Zepter
'*************************************************************************************
*/

BODY
{
	font-family: Verdana, Tahoma, Arial;
}

DIV.innerpanel
{
    width : 225px;
    float : left;
   padding-left : 10px;
   /*  padding-top :10px;*/
}

DIV.innerrow
{
    margin : 10px 0px;
}

DIV.compactinnerrow
{
    margin : 5px 0px;
}

DIV.buttontop
{
    position : absolute;
    top : 68px;
}

#waitcursor
{
    background-color : Gray;
    filter : alpha(opacity=75);
    opacity : 0.75;
    -moz-opacity : 0.75;
    z-index : 500;
    top : 10px;
    left : 10px; 
    width : 600px;
    height : 600px;
    position : absolute;
}     

.left
{
    float : left;
}

.right
{
    float : right;
}

.paddingtop
{
    padding-top : 5px;
}

.masterlayout
{
    position : absolute;
    top : 0px;
    width : 950px;
	left : 0px;
    height : 500px;
	background-color : #FFFFFF;
	border : 1px solid #FFFFFF;
	padding-top : 5px;
    padding-left : 5px;
}

.attentionbackground
{
    background-color : #FFDAD8;
}

.topbannerbackground
{
    background-color : #C12518;
}

.bottombannerbackground
{
    background-color : #404040;
}

.tableheaderrow
{
    background-color : #DC2B19;
    color : White;
}

.stopbuttonbackground
{
    background-color : #DC2B19;
}

.silverbackground
{
    background-color : Silver;
}

.gobuttonbackground
{
    background-color : #267F01;
}

.plainbuttonbackground
{
    background-color : #404040;
}

.helpbuttonbackground
{
    background-color : #FF6900;
}

.maroonbuttonbackground
{
    background-color : #7e0001;
}

.alert
{
    color : White;
    background-color : Red;
}

.buttonheight
{
    height : 18px;
}

.button
{
    font-size : 8pt;
	font-weight : bold;
	text-align : center;
    color : #FFFFFF;
	width : 60px;
	height : 16px;
    line-height : 16px; /* Center's the text vertically.  Must match the button height. */
}

.bannerplace
{
    position : relative;
    width : 950px;
    height : 91px;
}

.topbanner1
{
	font-size : 9pt;
    color : #FFFFFF;
	width : 950px;
    height : 56px;
    
}

.topbanner2
{
    position : relative;
    background-color : #7E0001;
	font-size : 9pt;
    color : #FFFFFF;
	width : 950px;
    height : 31px;
    line-height : 31px;
    border-top :solid 1px white;
}

.topbanner3
{
    position : relative;
    background-color : white;
	font-size : 9pt;
    color : black;
	width : 950px;
    height : 20px;
    line-height : 20px;
    border-top :solid 1px white;    
}

.contentplace
{
    position : absolute;
    top : 120px;
    width : 100%;
    height : 350px;
}

.contentarea
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    height : 350px;
}

.label
{
    font-size : 9pt;
    font-weight : bold;
}

.alertlabel
{
    font-size : 8pt;
    font-weight : bold;
    text-indent : 10px;
}

.centrepanelplacesummary
{
	left : 10px;
    width : 100%;
    height : 250px;
}

.centrepanelplace
{
    position : absolute;
	left : 15px;
	top: 125px;
    width : 100%;
    height : 250px;
}

.leftpanelplace
{
   /* height : 250px;*/
    width : 350px;
}

.rightpanelplace
{
    /*height : 250px;*/
    width : 350px;
}

.selectboxtext
{
    font-family : Verdana, Tahoma, Arial;
	color : #000000;
	font-size : 8pt;
}

.textareatext
{
    font-family : Verdana, Tahoma, Arial;
	color : #000000;
	font-size : 8pt;    
}

.bodytext
{
	color : #000000;
	font-size : 8pt;
}

.bodytextreadonly
{
	color: #000000;
	font-size: 8pt;
	background-color: #D3D3D3;
}

.historysummarytablecell
{
    padding-left : 5px
}

.historysummarytable
{
    width : 100%;
    text-align : left
}
.summarytable
{
    width : 100%;
    text-align : center
}

.popuppanelheader
{
	font-size : 9pt;
	font-weight : bold;
	text-indent : 10px;
    color : #FFFFFF;
	width : 100%;
    height : 25px;
    line-height : 25px;
}

.panelheader
{
    background-color : #D3D3D3;
	font-size : 9pt;
	font-weight : bold;
	text-indent : 10px;
    color : Black;
	width : 100%;
    height : 25px;
    line-height : 25px;
}

.centrepanelcontent
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    border : 1px solid #808080;
}

.centrepanelleftcontent
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    border : 1px solid #808080;
    border-right-color : transparent;
}

.centrepanelrightcontent
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    border : 1px solid #808080;
    border-left-color : transparent;
}


.leftpanelcontent
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    height : 180px;
}

.rightpanelcontent
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    height : 180px;
}
/* H - footer place holder */
.footerplace
{
    position : absolute;
    width : 100%;
    height : 90px;
    top : 490px
}
.footercontrol
{
	font-size : 9pt;

    color : #000000;
	width : 100%;
    height : 30px;
}

.footercontrollefttext
{
    position : absolute;
    font-weight : bold;
    left : 10px;
    top : 7px;
}

.spacer
{
	font-size : 9pt;
    color : #000000;
	width : 100%;
    height : 10px;
}
/* H - primary footer content */
.footer
{
    background-color : #404040;
    font-size : 9pt;   
    color : #FFFFFF;
	width : 100%;
    height : 31px;
}

.err
{
	background-color : Salmon;
}

.valid
{
	background-color: White;
}

.rowover
{
	background-color : Salmon;
}

.footerlefttext
{
    position : relative;
    font-weight : bold;
    left : 10px;
    top : 7px;
}

.footerrighttext
{
    position : relative;
    font-weight : bold;
    padding-right : 10px;
    top : 7px;
}

.roundbutton
{
    display : block
}

.roundbutton *
{
  display : block;
  height : 1px;
  overflow : hidden;
  font-size : .01em;
}

.roundbutton1
{
  margin-left : 3px;
  margin-right : 3px;
  padding-left : 1px;
  padding-right : 1px;
  border-left : 1px solid;
  border-right : 1px solid;
}

.roundbutton2
{
  margin-left : 1px;
  margin-right : 1px;
  padding-right : 1px;
  padding-left : 1px;
  border-left : 1px solid;
  border-right : 1px solid;
}

.roundbutton3
{
  margin-left : 1px;
  margin-right : 1px;
  border-left : 1px solid;
  border-right : 1px solid;
}

.roundbutton4
{
  border-left : 1px solid;
  border-right : 1px solid;
}

.roundbutton5
{
  border-left : 1px solid;
  border-right : 1px solid;
}

.helpbuttoncolour{display:block}
.helpbuttoncolour *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FF6900}
.helpbuttoncolour1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b52d00;
  border-right:1px solid #b52d00;
  background:#de4e00}
.helpbuttoncolour2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #8a0a00;
  border-right:1px solid #8a0a00;
  background:#e65500}
.helpbuttoncolour3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e65500;
  border-right:1px solid #e65500;}
.helpbuttoncolour4{
  border-left:1px solid #b52d00;
  border-right:1px solid #b52d00}
.helpbuttoncolour5{
  border-left:1px solid #de4e00;
  border-right:1px solid #de4e00}


.roundbuttoncharcoalonmaroon
{
    display:block
}

.roundbuttoncharcoalonmaroon *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#404040
}

.roundbuttoncharcoalonmaroon1
{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #631b1c;
  border-right:1px solid #631b1c;
  background:#4f3030
}

.roundbuttoncharcoalonmaroon2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #770607;
  border-right:1px solid #770607;
  background:#4b3334
}

.roundbuttoncharcoalonmaroon3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #4b3334;
  border-right:1px solid #4b3334;
}

.roundbuttoncharcoalonmaroon4
{
  border-left:1px solid #631b1c;
  border-right:1px solid #631b1c
}

.roundbuttoncharcoalonmaroon5
{
  border-left:1px solid #4f3030;
  border-right:1px solid #4f3030
}

A.link:link, A.link:visited, A.link:active
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

IMG.help
{
    cursor : help;
    padding-right : 2px;
    padding-top : 1px;
}

A.link:hover
{
	text-decoration: underline;
}

A.btn:link, A.btn:visited, A.btn:active
{
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	cursor:  pointer;
	height: 20px;
}

A.btn:hover
{
	text-decoration: underline;
}

A.reg:link, A.reg:visited, A.reg:active, A.reg:hover
{
	font-size: 7pt;
	text-decoration: none;
	color: #DC2B19;
	font-weight: bold;
}

A.term:link, A.term:visited, A.term:active, A.term:hover
{
	font-size: 8pt;
	text-decoration: underline;
	color: White;
}

/* Round corners*/
/*Here is the round corners for Top banner*/
.b1h, .b2h, .b3h, .b4h, .b1bh, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#C12518; margin:0 5px;}
.b2h {height:1px; background:#C12518; border-right:2px solid #C12518; border-left:2px solid #C12518; margin:0 3px;}
.b3h {height:1px; background:#C12518; border-right:1px solid #C12518; border-left:1px solid #C12518; margin:0 2px;}
.b4h {height:2px; background:#C12518; border-right:1px solid #C12518; border-left:1px solid #C12518; margin:0 1px;}

/*Here is the round corners for bottom banner*/
.b1bh {height:1px; background:#404040; margin:0 5px;}
.b2bh {height:1px; background:#404040; border-right:2px solid #404040; border-left:2px solid #404040; margin:0 3px;}
.b3bh {height:1px; background:#404040; border-right:1px solid #404040; border-left:1px solid #404040; margin:0 2px;}
.b4bh {height:2px; background:#404040; border-right:1px solid #404040; border-left:1px solid #404040; margin:0 1px;}


.Bottom
{
    background-color:#404040;
    font-size :9pt;
    color :White ;
    height :30px;
    text-align :right ;
}

.CustomerDetailPosition
{
    position :absolute ;
    left :120px;
}

.fieldsPositionOfCustomerProfile_left
{
    position :absolute ;
    left:150px;
}

.fieldsPositionOfCustomerProfile_right
{
    position :absolute ;
    left:550px;
}

.searchtypecell
{
    padding-left :20px;
}
.searchFieldCell
{
    padding-left:10px;
}

/*Here is the round corners for Tip banner*/
.b1th, .b2th, .b3th, .b4th{font-size:1px; overflow:hidden; display:block;}
.b1th {height:1px; background:#404040; margin:0 5px;}
.b2th {height:1px; background:#404040; border-right:2px solid #404040; border-left:2px solid #404040; margin:0 3px;}
.b3th {height:1px; background:#404040; border-right:1px solid #404040; border-left:1px solid #404040; margin:0 2px;}
.b4th {height:2px; background:#404040; border-right:1px solid #404040; border-left:1px solid #404040; margin:0 1px;}

.helpTips
{
    position : absolute;
    height : auto;
    z-index : 1000;
}

A.tipCloseBtn:link, A.tipCloseBtn:visited, A.tipCloseBtn:active
{
	text-decoration : none;
	font-size : 7pt;
	font-weight : bold;
	color : #FFFFFF;
	cursor : pointer;
	font-style:normal ;
}
A.tipCloseBtn:hover
{
	color: #FFFCCC;
	text-decoration:underline;
}
.tipClose
{
    float : right;
    padding-right : 10px;
}
.tipBanner
{
    height : 15px;
    background-color:#404040;
    padding-left:10px;
    font-weight:bold;
    font-style:italic;
    color:#FFFFFF;
    font-size:8pt;
}
.tipContent
{
    color : Black;
    font-size : 8pt;
    text-align : left;
    vertical-align : middle;
    background-color : #FFFFFF;   
    padding :5px 3px 10px 5px;
    border : solid 4px #404040;
    font-weight:normal ;
}

.roundbuttonmaroon
{
    display:block
}

.roundbuttonmaroon *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#7e0001
}

.roundbuttonmaroon1
{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #7e0001;
  border-right:1px solid #7e0001;
  background:#7e0001
}

.roundbuttonmaroon2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #7e0001;
  border-right:1px solid #7e0001;
  background:#7e0001
}

.roundbuttonmaroon3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #7e0001;
  border-right:1px solid #7e0001;
}

.roundbuttonmaroon4
{
  border-left:1px solid #7e0001;
  border-right:1px solid #7e0001
}

.roundbuttonmaroon5
{
  border-left:1px solid #7e0001;
  border-right:1px solid #7e0001
}

.errormessagepanel
{
    position : relative;
    background-color : Red;
    border-color : Black;
    border-style : solid;
    border-width : 0px;
}

.errormessagepaneltitle
{
    padding : 5px;
    border-color : Black;
    border-style : solid;
    border-width : thin;
    color : White;
    border-bottom-style : none;
}

.errormessagepanelbody
{
    padding : 10px;
    border-color : Black;
    border-style : solid;
    border-width : thin;
    border-top-style : none;
}

.rowselect
{
    background-color : Red;
    color : White
}

.rowunselect
{
    background-color : White;
    color : Black
}