/*
Kleurdefinities:
Zilver: #a7a9ac
Blauw: #333659
50% Blauw: #AEB1D0
35% Blauw: #BECADA
25% Blauw: #efd1d9
*/

body, .SiteBody
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px; 
}


.SiteBody
{
	background-image: url(./BackgroundPattern.gif);
	background-repeat: repeat-x;
	background-color: rgb(173,169,160);
}

.SiteMenu
{
    position:absolute;
    color: White;
    background-image: url(./RedHeaderPattern.gif); 
	background-repeat: repeat-x; 
    left: 782px;
	width: 268px; 
	height:143px;
	font-size:10px;
	top:0px;
	
}

.profile
{	
	padding-left: 5px;
    position:absolute;
    left:782px;
    top:143px;
    color: #333659;
    width: 263px;  
    background-color: #efd1d9;
    text-align:left;
}

.logo
{
    position:absolute;
    background-image: url(./DazureLogo.gif); 
	background-repeat: no-repeat; 
	left: 123px;
	top: 46px;
	width:159px;
	height:51px;
	z-index:2;
}

.siteImage
{
    position:absolute;
    background-image: url(./RedHeaderPattern.gif); 
	background-repeat: repeat-x; 
	left: 67px;
	top:0px;
	height:143px;
	width: 715px; 
}

/* help */
.buildinfo
{
	font-size: 10px;
	color: #efd1d9;
	font-variant: small-caps;
}

/* Main Content */

.contentFrame
{
	position: absolute;
	top: 143px;
	left: 67px;
	width: 715px; 
	height: 1500px;
}

.content
{
	background-color: white;
	background-repeat: no-repeat;
}

.DataDisplay
{
	overflow: auto; 
	width: 713px;
	padding-left: 5px;
	padding-bottom: 15px;
	padding-top: 5px;

}

/* Temp button for menu */
.TempMenuButton
{
	font-size: 14px;
	border-style: none;
	color: #000000;
	font-weight: bold;
	width: 210px;
}

a.TempMenuButton:link, a.TempMenuButton:visited
{
color: #000000;
}

/* ATrail Components */
.FormButtonAT
{
	border-style: none;
	font-size: 11px;
	background-image: url(./RedButtonPattern.gif);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	width: 88px;
}

.FormButtonAT:hover
{
    color:white;
}

.FormButtonAT:disabled
{
	font-size: 11px;
	background-color: #333659;
	border-color: #581979;
	border-style: solid;
	font-weight: bold;
	width: 80px;
	color: white;
}


.DropDownListAT
{
	font-size: 11px;
	background-color:white;
	color: #000;
	font-size: 11px;
	height:20px;
	border-width:2px;
}
.RadioButtonListAT
{
	font-weight:bold;
	border-color:#f4d9f4; 
	border-style:solid;
	border-width:1px;
}
.PremieDisplay
{
	font-size: 15px;
	font-weight:bold;
	color: #fff;
	padding: 2px 2px 1px 3px;

}
.TextBoxAT
{
	font-size: 11px;
	color: #000;
	padding: 2px 2px 1px 3px;
	border-style:solid;
	border-color: #d09aa9; 
}
.TextBoxAT hover
{
     color: Silver;
     background-color: Yellow;
}

.formHeader
{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	color: #333659;
	line-height: 25px;
}
.formFooter
{
	border-color: #a12c47;
	border-style: solid none solid none;
	border-width: 1px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #a12c47;
	text-align: center;
}

/* Pagina styles */
h1
{
	font-size: 17px;
	color:orange;
}
h2
{
	font-size: 12px;
	color:red;
}
.normal
{
	font-size: 10px;
	color:#333659;
}

ul 
{
    list-style-image: url('./Dot.jpg') 
}

li 
{
    padding-left: 10px;
}

table
{
    border-color: rgb(172, 168, 153);
    padding:0;
    margin:0;
}

/* Chain Value */
.PageMenuDefaultTab
{
	color:#a12c47;
}

.plMenu
{
	font-size: 11px;
	background-color: #ee82ef;
	color: #333659;
	font-weight: bold;
	border-color: #581979;
	border-style: groove;
	margin-bottom:4px;
}

/* row styles */

.ButtonRow
{
	margin-top:10px;
	clear: left;
}

.AlwaysButtons
{
	float:left;
	margin-right:3px;
}

.GridViewHeader A:link { color: white}
.GridViewHeader A:active { color: white }
.GridViewHeader A:visited { color: white }
.GridViewHeader A:hover { color: white }

.SiteMenu A:link { color: white; background-color:Transparent}
.SiteMenu A:active { color: white; background-color:Transparent}
.SiteMenu A:visited { color: white; background-color:Transparent}
.SiteMenu A:hover { color: #a12c47; background-color:white; }

.formFooter A:link { color: #a12c47}
.formFooter A:active { color: #a12c47 }
.formFooter A:visited { color: #a12c47 }
.formFooter A:hover { color: #a12c47 }

.ValidationSummaryAT A:link { color: #a12c47}
.ValidationSummaryAT A:active { color: #a12c47 }
.ValidationSummaryAT A:visited { color: #a12c47 }
.ValidationSummaryAT A:hover { color: #a12c47 }

A:link { color: #000}
A:active { color: #000 }
A:visited { color: #000 }
A:hover { color: #fff }

.GridViewHeader, .rowHeader, .rowHeaderM, .GridViewPager
{
    background-image: url(./GreyTitlePattern.gif);
	background-repeat: repeat-x;
	color:White;
	text-align:left;
}


.GridViewRow:hover, .GridViewAlternatingRow:hover
{
	background-color:#ce627e;
	cursor:pointer;
	color:#000;
}

.GridViewRow, .GridViewAlternatingRow
{
	font-size:11px;
}

.GridViewAlternatingRow
{
	background-color: #eed1d9;
}


.UltraWebDefaultTab
{
	background-color:#a42445;
	font-family:MS Sans Serif;
	font-size:10px;
	color:white;
	height:22px;
}
/* row styles */
.rowHeader, .rowData, .rowDataM, .rowHeaderM, .row31, .row32, .row33, .row21, .row22, .row22M, .row21W, .row22W
{
	margin: 0px;
	height: 22px;
	padding-top:2px;
	padding-left:5px;
}

.rowHeader, .rowHeaderM
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 1px;
}

.rowData, .rowDataM
{
	background-color: #eed1d9;
	margin-bottom: 1px;
	height: 23px;
}

.rowData, .rowHeader
{
	width: 700px;
}

.rowDataM, .rowHeaderM
{
	width: 700px;
}



.row31, .row21, .row21W
{
	float: left;
}

.row31
{
	width: 322px;
}
.row21
{
	width: 170px;
}
.row21W
{
	width: 462px;
}

.row22, .row32, .row22W, .row22M
{
	background-color: #ce627e; 
	/*display: block;*/
	float: left;
    padding-top:0px;
}

.row22
{
	width: 518px;
}

.row22M
{
	width: 508px;
}

.row32, .row22W
{
	width: 180px;
	background-color: #ce627e;
}

.row33
{
	border-left: 1px #fff solid;
	background-color: #9c1f3f;
	/*display: block;*/
	float: left;
	width: 180px;
	padding-top:0px;
}

.rowDataH
{
	padding: 0px;
	padding-left: 12px;
	margin: 0px;
	background-color: #fcdce5;
	width: 693px;
}

div#qTip {
 padding: 3px;
 border: 1px solid #a7a9ac;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #333659;
 color: #FFF;
 font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}